Color Converter & Palette Generator

Konwertuj kolory między HEX, RGB, HSL i CMYK, generuj palety i sprawdzaj kontrast.

{{ line }}
Komplementarny
{{ col }}
Analogiczny
{{ col }}
Triadyczny
{{ col }}
Podzielony komplementarny
{{ col }}
Przykładowy tekst Biały tekst
Współczynnik kontrastu: {{ whiteContrast }}:1
WCAG AA Normalny tekst: {{ whiteContrastVal >= 4.5 ? __t('pass') : __t('fail') }} | WCAG AA Duży tekst: {{ whiteContrastVal >= 3 ? __t('pass') : __t('fail') }}
WCAG AAA Normalny tekst: {{ whiteContrastVal >= 7 ? __t('pass') : __t('fail') }} | WCAG AAA Duży tekst: {{ whiteContrastVal >= 4.5 ? __t('pass') : __t('fail') }}
Przykładowy tekst Czarny tekst
Współczynnik kontrastu: {{ blackContrast }}:1
WCAG AA Normalny tekst: {{ blackContrastVal >= 4.5 ? __t('pass') : __t('fail') }} | WCAG AA Duży tekst: {{ blackContrastVal >= 3 ? __t('pass') : __t('fail') }}
WCAG AAA Normalny tekst: {{ blackContrastVal >= 7 ? __t('pass') : __t('fail') }} | WCAG AAA Duży tekst: {{ blackContrastVal >= 4.5 ? __t('pass') : __t('fail') }}

Czym jest konwerter kolorów?

Konwerter kolorów umożliwia natychmiastową konwersję wartości kolorów między różnymi przestrzeniami barw, takimi jak HEX, RGB, HSL i CMYK. Projektanci i programiści używają różnych formatów kolorów w zależności od kontekstu.

Przestrzenie barw: HEX, RGB, HSL, CMYK

HEX to 6-cyfrowa wartość szesnastkowa (#RRGGBB) powszechnie używana w CSS. RGB definiuje kolory poprzez wartości Czerwonego, Zielonego i Niebieskiego (0–255). HSL opisuje kolory poprzez Odcień (0–360°), Nasycenie i Jasność. CMYK (Cyjan, Magenta, Żółty, Czarny) jest używany do druku.

Teoria kolorów i harmonie

Harmonie kolorów opierają się na pozycji kolorów na kole barw. Kolory komplementarne są naprzeciwko (180°) i tworzą maksymalny kontrast. Kolory analogiczne są sąsiednie (±30°) i wyglądają harmonijnie. Kolory triadyczne są równomiernie rozłożone (120°). Podzielone komplementarne używają sąsiadów koloru komplementarnego.