Projektowanie i CSS

Twórz kolory, responsywny rozmiar i gotowy do produkcji CSS.

Kolor i dostępność

Konwerter kolorówKonwertuj kolory między formatami HEX, RGB, HSL, HSV, CMYK i LAB — edytuj jedno pole, a reszta dostosuje się automatycznie.Specjalistyczne strony (8)
Tester kontrastuWprowadź kolor tekstu i tła, aby sprawdzić współczynnik kontrastu WCAG oraz zgodność z normami AA i AAA.

CSS: układ i efekty

Generator Box ShadowDostosuj parametry cienia suwakami, łącz warstwy dla uzyskania głębi i błyskawicznie kopiuj gotowy kod CSS.
Generator gradientówProjektuj gradienty liniowe, kołowe lub stożkowe, dodawaj punkty kontrolne, określaj kierunek i kopiuj kod CSS jednym kliknięciem.
Generator Border RadiusZaokrąglaj rogi za pomocą suwaków, twórz organiczne kształty w trybie eliptycznym i błyskawicznie kopiuj kod CSS.
Generator FlexboxKonfiguruj kontener flex i jego elementy za pomocą wizualnych kontrolek, obserwuj zmiany na żywo i skopiuj kod CSS jednym kliknięciem.
Generator CSS GridZdefiniuj kolumny i wiersze, zaznacz obszary myszką, aby rozmieścić elementy, i jednym kliknięciem skopiuj kod CSS wraz z pasującym kodem HTML.
Generator CSS Cubic BezierPrzeciągaj dwa uchwyty, aby ukształtować dynamikę ruchu, porównaj ją z ruchem jednostajnym i skopiuj gotową wartość cubic-bezier().
Kalkulator CSS clamp()Wprowadź rozmiar dla małych i dużych ekranów, aby uzyskać płynną wartość clamp(), która idealnie skaluje się pomiędzy nimi — dla czcionek, paddingów lub marginesów.

Ekran, druk i proporcje

Inspekcja i licencjonowanie czcionek

Narzędzie do sprawdzania licencji i informacji o czcionkachOtwórz lokalną czcionkę, aby odczytać jej wbudowane nazwy, tekst licencji oraz flagi osadzania dokumentów — jako dowód z pliku, a nie potwierdzenie posiadania licencji.