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ź kontrast WCAG 2.1 i wynik APCA Lc między kolorem tekstu a tłem, zobacz plakietki AA, AAA i 3:1 oraz zastosuj najbliższy zaliczony kolor.

Generator gradientów CSS

Twórz liniowe, radialne i stożkowe gradienty CSS za pomocą przeciąganego paska punktów koloru, warstw, losowych palet i gotowej do skopiowania reguły.