Kolor → system projektowy

Wprowadź jeden kolor i automatycznie wygeneruj paletę, gradient oraz sprawdzenie kontrastu AA/AAA.

Kolor → system projektowy — Połączony potok kolorów: jeden HEX trafia do generatora palety, którego kolory bazowy i dopełniający jednocześnie zasilają sprawdzanie kontrastu (AA/AAA) oraz kreator gradientów CSS. Wybierz jeden kolor i otrzymaj cały system projektowy.

Dołączone narzędzia

Konwerter kolorów

Konwertuj kolory między HEX, RGB i HSL z podglądem na żywo.

Generator palety kolorów

Generuj cienie, odcienie i harmonijne kolory z jednego bazowego koloru HEX, każdy z wartością HEX gotową do skopiowania.

Sprawdzanie kontrastu kolorów

Sprawdź współczynnik kontrastu WCAG między kolorem HEX pierwszego planu a tłem i zobacz, czy spełnia AA i AAA dla tekstu normalnego i dużego.

Generator gradientów CSS

Zbuduj liniowy, radialny lub stożkowy gradient CSS z własnymi punktami koloru i kątem, podejrzyj wynik na żywo i skopiuj gotową regułę background.