Konwerter kolorów
Wpisz kolor w dowolnym formacie i natychmiast uzyskaj wszystkie konwersje — RGB, Hex, HSL, HWB, CMYK i NCol.
Czym jest konwerter kolorów?
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.
Modele kolorów w skrócie
RGB
Addytywny model dla ekranów. Każdy kanał 0–255. Wszystkie na maksimum dają biel.
Hex
Notacja szesnastkowa RGB, szeroko stosowana w CSS. Np.: #c0392b (cramoisi polskiej czerwieni).
HSL
Opisuje kolor kątem odcienia (0–360°), nasyceniem i jasnością. Bliski ludzkiej percepcji.
HWB
Alternatywa dla HSL. Używa odcienia, białości i czerni. Łatwe rozjaśnianie lub przyciemnianie.
CMYK
Subtraktywny model dla druku: cyjan, magenta, żółty i czarny.
Natural Color (NCol)
W3C Natural Color: odcień literą + procentowe przesunięcie, białość i czerń.
Polskie przykłady kolorów
Polska czerwień (#c0392b)
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.
Krakowskie złoto (#c8a050)
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.
Łowicki czerwień folklorystyczny (#d42b2b)
Żywoczerwony kolor łowickich wycinanek i strojów ludowych (RGB 212, 43, 43). HSL około 0°, 65%, 50%.
Tatrzańska biel (#e8e4d8)
Ciepła biel tatrzańskich granitów i skał wapiennych (RGB 232, 228, 216). HSL około 50°, 25%, 88%).
Jak to działa
- 1
Wybierz format wejściowy odpowiadający typowi kodu koloru.
- 2
Wprowadź wartości koloru. Wyniki aktualizują się natychmiast — bez potrzeby klikania przycisku.
- 3
Konwerter normalizuje wszystkie dane wejściowe do wewnętrznej reprezentacji RGB jako uniwersalnego punktu odniesienia.
- 4
Na podstawie tej trójki RGB obliczane są wartości wszystkich innych formatów za pomocą standardowych wzorów matematycznych.
- 5
Wyszukiwanie po nazwie porównuje z 148 kolorami CSS i zwraca najbliższy w granicach ~30 jednostek.
Wskazówki i dobre praktyki
- ✓
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.
Często zadawane pytania
Jaka jest różnica między HSL a HWB?
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.
Dlaczego CMYK wygląda inaczej na ekranie?
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.
Czym jest Natural Color (NCol)?
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.
Czy mogę konwertować kolor CSS jak 'coral'?
Tak. Wpisz nazwę w polu 'Szukaj po nazwie CSS', a konwerter automatycznie załaduje wartości.
Jak dokładne są wyniki konwersji?
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.
Dlaczego czasem nie wyświetla się nazwa koloru?
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.