Kolory i design
Wybieraj, przeliczaj i łącz kolory oraz generuj CSS do swoich projektów.
- Edytor krzywych cubic-bezier Projektuj krzywe easing CSS w edytorze cubic-bezier z uchwytami, porównaj je z linear w animacji na żywo i skopiuj cubic-bezier() lub wersję linear().
- Generator border-radius Kształtuj CSS border-radius wizualnie, przeciągając uchwyty. Ustaw każdy narożnik w px lub %, użyj składni 8 wartości, twórz bloby i kopiuj kod.
- Generator cieni CSS (box-shadow) Projektuj warstwowe cienie CSS box-shadow z podglądem na żywo. Ustaw przesunięcie, rozmycie, kolor, krycie i inset, wypróbuj neumorfizm i skopiuj kod.
- Generator clip-path Rysuj kształty CSS clip-path, przeciągając punkty. Edytuj wielokąty, koła, elipsy i inset, zacznij od gwiazd czy strzałek i skopiuj gotowy kod.
- Generator Flexbox i CSS Grid Twórz układy flexbox i CSS grid wizualnie. Ustaw właściwości kontenera i elementów, nazwij obszary siatki, oglądaj wynik na żywo i kopiuj CSS oraz HTML.
- Generator gradientów CSS Twórz gradienty CSS liniowe, radialne i stożkowe z podglądem na żywo. Dodawaj i przeciągaj punkty koloru, ustaw kąt i skopiuj czysty kod CSS.
- Generator jaśniejszych i ciemniejszych odcieni Generuj jaśniejsze i ciemniejsze odcienie dowolnego koloru w krokach 5, 10, 20 lub 25%, mieszane w OKLCH lub sRGB, i eksportuj je jako zmienne CSS lub Tailwind.
- Generator palety kolorów Generuj palety kolorów z jednego koloru bazowego według zasad harmonii barw – komplementarnej, analogicznej, triady, tetrady, kwadratu i monochromatycznej.
- Kalkulator proporcji obrazu Kalkulator proporcji obrazu – uprość szerokość i wysokość, zmień rozmiar z zachowaniem proporcji, porównaj 16:9, 4:3 i 21:9 oraz skopiuj kod CSS.
- Konwerter kolorów Konwertuj kolory między HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH i OKLCH. Wklej kod, zobacz kolor i skopiuj każdy format jednym kliknięciem.
- Konwerter PX na REM Przeliczaj px na rem i em przy dowolnym rozmiarze czcionki głównej, twórz tabelę zbiorczej konwersji i zamieniaj px na rem w całym fragmencie CSS.
- Paleta kolorów ze zdjęcia Wyodrębnij paletę kolorów z dowolnego obrazu. Wczytaj zdjęcie i otrzymaj dominujące kolory jako kody HEX z ich udziałem w obrazie, gotowe do skopiowania.
- Próbnik kolorów Darmowy próbnik kolorów online. Wybierz dowolny kolor i od razu skopiuj jego kody HEX, RGB, HSL, HSV i CMYK oraz sprawdź kontrast z bielą i czernią.
- Próbnik kolorów z obrazu Wczytaj obraz i kliknij dowolny piksel, aby poznać jego kolor w HEX, RGB, HSL, HSV i CMYK. Lupa, uśrednianie i lista pobranych kolorów w przeglądarce.
- Sprawdzanie kontrastu kolorów Darmowe sprawdzanie kontrastu WCAG. Podaj kolor tekstu i tła, aby poznać współczynnik kontrastu, wyniki AA/AAA i najbliższy spełniający kolor.
- Subsetowanie fontów (font subsetter) Ogranicz font do potrzebnych znaków za pomocą HarfBuzz, w przeglądarce. Otrzymasz mniejszy TTF/OTF i WOFF, podgląd oraz regułę @font-face z unicode-range.
- Symulator daltonizmu Darmowy symulator daltonizmu. Zobacz dowolny obraz z protanopią, deuteranopią, tritanopią, ich łagodniejszymi formami lub achromatopsją.
- Wyszukiwarka nazw kolorów Sprawdź nazwę dowolnego koloru. Wpisz kod HEX lub RGB, aby poznać 5 najbliższych nazw spośród ponad 30 000 kolorów i najbliższą nazwę CSS.
- Łączenie fontów – podgląd par czcionek Testuj pary fontów do nagłówków i tekstu z 20 darmowymi fontami z polskimi znakami, ustaw rozmiar i interlinię oraz skopiuj CSS font-family.