Wpisz kolor w dowolnym formacie i natychmiast uzyskaj wszystkie konwersje — RGB, Hex, HSL, HWB, CMYK i NCol.
Wprowadź prawidłowy kolor, aby zobaczyć podgląd i wszystkie konwersje.
Konwerter kolorów tłumaczy kolory między różnymi systemami kodowania używanymi w projektowaniu stron internetowych, druku i sztuce cyfrowej. Polscy projektanci pracują z paletami obejmującymi czerwień polskiej flagi, krakowskie piaskowcowe ciepłe ochry, biel tatr i złoto gotyckich kościołów.
Narzędzie obsługuje sześć formatów: RGB, Hex, HSL, HWB, CMYK i Natural Color (NCol). Wykrywa również najbliższą nazwę CSS, gdy dopasowanie jest wystarczająco precyzyjne.
Addytywny model dla ekranów. Każdy kanał 0–255. Wszystkie na maksimum dają biel.
Notacja szesnastkowa RGB, szeroko stosowana w CSS. Np.: #c0392b (cramoisi polskiej czerwieni).
Opisuje kolor kątem odcienia (0–360°), nasyceniem i jasnością. Bliski ludzkiej percepcji.
Alternatywa dla HSL. Używa odcienia, białości i czerni. Łatwe rozjaśnianie lub przyciemnianie.
Subtraktywny model dla druku: cyjan, magenta, żółty i czarny.
W3C Natural Color: odcień literą + procentowe przesunięcie, białość i czerń.
Heraldyczna czerwień polskiej flagi i godła (RGB 192, 57, 43). HSL około 5°, 63%, 46%. Używana od wieków w polskiej heraldyce i symbolice narodowej.
Ciepły ochre krakowskich kamienic i kościelnych fasad (RGB 200, 160, 80). HSL około 38°, 50%, 55%. Kolor dominujący na rynku głównym Krakowa.
Żywoczerwony kolor łowickich wycinanek i strojów ludowych (RGB 212, 43, 43). HSL około 0°, 65%, 50%.
Ciepła biel tatrzańskich granitów i skał wapiennych (RGB 232, 228, 216). HSL około 50°, 25%, 88%).
Wybierz format wejściowy odpowiadający typowi kodu koloru.
Wprowadź wartości koloru. Wyniki aktualizują się natychmiast — bez potrzeby klikania przycisku.
Konwerter normalizuje wszystkie dane wejściowe do wewnętrznej reprezentacji RGB jako uniwersalnego punktu odniesienia.
Na podstawie tej trójki RGB obliczane są wartości wszystkich innych formatów za pomocą standardowych wzorów matematycznych.
Wyszukiwanie po nazwie porównuje z 148 kolorami CSS i zwraca najbliższy w granicach ~30 jednostek.
Używaj Hex lub RGB w arkuszach stylów CSS; preferuj HSL do programowego regulowania jasności lub nasycenia.
Wartości CMYK są przybliżone — zawsze sprawdzaj z drukarnią przed drukiem komercyjnym.
HWB idealnie nadaje się do tworzenia rodzin kolorów: zachowaj stały odcień i zmieniaj białość.
Przy wpisywaniu kodów Hex prefiks '#' jest opcjonalny.
Oficjalne kolory polskich instytucji (TVP, PKP, NBP) — zawsze sprawdzaj w oficjalnych wytycznych dotyczących marki.
Oba używają kąta odcienia, ale drugi i trzeci parametr różnią się. HSL używa nasycenia i jasności; HWB bezpośrednio białości i czerni. HWB jest często bardziej intuicyjny przy rozjaśnianiu (więcej bieli) lub przyciemnianiu (więcej czerni) koloru.
Ekrany używają addytywnego światła (RGB); drukarki — subtraktywnego atramentu (CMYK). Gamuty kolorów nie pokrywają się w pełni. Konwerter podaje matematyczne przybliżenie, a nie dokładne odwzorowanie wydruku.
Propozycja W3C kodująca odcień literą (R, Y, G, C, B, M) i procentowym przesunięciem, po którym następuje białość i czerń. Np. R0 0% 0% to czysty czerwony.
Tak. Wpisz nazwę w polu 'Szukaj po nazwie CSS', a konwerter automatycznie załaduje wartości.
Hex i RGB są bezstratne (z zaokrąglaniem do liczb całkowitych). HSL, HWB i NCol są zaokrąglane do jednego miejsca po przecinku. CMYK to jedynie matematyczne przybliżenie.
Narzędzie zawiera tylko 148 standardowych nazw CSS. Jeśli wprowadzony kolor jest w odległości większej niż ~30 jednostek RGB od jakiejkolwiek nazwanej barwy, nazwa nie jest zwracana.
Wyświetlanie kolorów może różnić się między urządzeniami ze względu na kalibrację ekranu i profile kolorów. Wartości CMYK są matematycznymi przybliżeniami.