Konwerter przestrzeni barw (HEX, RGB, HSL, HWB, Lab, LCH, OKLab, OKLCH, CMYK)
Wpisz dowolny kolor (HEX, RGB, HSL, nazwa CSS…), a otrzymasz go zapisany we wszystkich nowoczesnych przestrzeniach barw naraz: HEX, RGB, HSL, HWB, CMYK oraz percepcyjnych Lab, LCH, OKLab i OKLCH z CSS Color 4. Wszystko liczy się w Twojej przeglądarce.
Spis treści
Jak działa kalkulator
Ten sam kolor można opisać na wiele sposobów. HEX i RGB to zapis sprzętowy, HSL i HWB są wygodne dla człowieka, CMYK dotyczy druku, a nowoczesne przestrzenie percepcyjne, Lab, LCH, OKLab i OKLCH (z CSS Color 4): lepiej oddają to, jak różnice barw postrzega oko. Narzędzie pokazuje wszystkie te zapisy naraz.
Jak liczymy (metodologia i wzory)
Wpisany kolor rozpoznaje sama przeglądarka (dzięki czemu działa dowolny format CSS, także nazwy) i sprowadza go do RGB. Z RGB liczymy HSL, HWB i CMYK zwykłymi wzorami, a przestrzenie percepcyjne zgodnie z CSS Color 4: sRGB → wartości liniowe → XYZ, adaptacja bieli D65→D50 (Bradford) i przeliczenie na Lab/LCH; OKLab/OKLCH liczymy z liniowego sRGB przez pośrednią przestrzeń LMS.
Założenia i ograniczenia
- Lab i LCH podajemy względem bieli D50 (zgodnie z CSS Color 4); OKLab/OKLCH względem D65.
- CMYK to proste przeliczenie orientacyjne (bez profilu ICC drukarki).
- Kanał przezroczystości (alfa) jest pomijany. Wszystko liczy się lokalnie w przeglądarce.
Źródła i aktualizacja
- CSS Color Module Level 4 (dostęp: 18.07.2026)
- Björn Ottosson, OKLab (dostęp: 18.07.2026)