Konwerter kolorów do realnej pracy UI
Konwertuj wartości kolorów, sprawdzaj kontrast i szukaj powiązanych palet, zanim design token trafi do produkcji.
Współczynnik kontrastu 4.5:1 to typowa baza WCAG dla zwykłego tekstu. Duży tekst ma niższy próg, ale słaby kontrast nadal szkodzi realnym użytkownikom.
Sugerowane relacje kolorów
Przewodnik po formatach kolorów
HEX
Kompaktowy format szeroko używany w web designie, zwykle zapisywany jako sześciocyfrowa wartość szesnastkowa.
RGB
Model koloru dla ekranów oparty na wartościach światła czerwonego, zielonego i niebieskiego.
HSL
Bardziej czytelny dla człowieka model oparty na odcieniu, nasyceniu i jasności. Przydaje się przy tworzeniu jaśniejszych, ciemniejszych albo powiązanych stanów UI.
CMYK
Model drukarski oparty na cyan, magenta, yellow i key black. Przy przenoszeniu jasnych kolorów ekranowych do druku trzeba liczyć się z różnicami.
Kontrast
Kontrast wpływa na formularze, dashboardy, tabele cen, stany błędów i każde miejsce, w którym użytkownik musi szybko czytać.
Częste pytania
Dlaczego konwersje RGB i CMYK lekko się różnią?
Kolor ekranowy i drukarski działają w innych przestrzeniach. Części kolorów RGB po prostu nie da się dokładnie odtworzyć w CMYK.
Co oznacza wynik kontrastu WCAG?
Mierzy, jak czytelne są razem kolor pierwszego planu i tła. Wyższe wartości zwykle oznaczają lepszą czytelność tekstu.
Czy kolorów marki używać jako tekstu głównego?
Nie zawsze. Kolor marki dobry dla logo albo akcentu może nie przejść jako tekst. Gdy liczy się czytelność, używaj mocniejszych neutralnych kolorów albo dopasowanych odcieni.
Dlaczego kolory wyglądają inaczej w różnych narzędziach?
Różne ekrany, profile kolorów, przeglądarki i procesy druku mogą inaczej renderować tę samą wartość liczbową. Traktuj konwersję jako praktyczną wskazówkę, a potem testuj w docelowym medium.