Programowanie webowe
Color Converter
Konwersja koloru między HEX, RGB, HSL, HSV/HSB i CMYK — wpisz wartość w dowolnym polu, reszta zaktualizuje się natychmiast.
The same color can be written differently depending on context: HEX and RGB are convenient for code, HSL is intuitive for picking a hue and lightness, and CMYK is for print. This tool converts between all of them at once.
How to use it
- Enter a value in any field (HEX, RGB, HSL, HSV/HSB, or CMYK) — every other format updates instantly.
- The "random color" button generates a random hue for quickly browsing a palette.
- Copy the format you need with one click to paste into CSS or a graphics editor.
Which format to use when
- HEX — a compact notation for CSS and design systems (#4453b8).
- RGB — when you need transparency via rgba() or programmatic access to individual color channels.
- HSL — the easiest for manual tuning: lighten or darken a color by changing just one value.
- CMYK — for materials headed to print, where colors mix subtractively, unlike the additive RGB used on screens.
Things to keep in mind
CMYK on screen is only an approximation — the exact printed color depends on the printer, paper, and color profile used.
Conversion between color spaces isn't always exact for extreme, highly saturated colors, due to differences in gamut coverage between models.
Artykuł o tym narzędziu: HEX, RGB, HSL: dlaczego istnieje tyle sposobów zapisu koloru
Najczęstsze pytania
Jak konwerter obsługuje kanał alfa (przezroczystość)?
Alfa jest obsługiwana w HEX (#RRGGBBAA), RGBA i HSLA — to, co wprowadzisz, przenosi się do innych formatów obsługujących przezroczystość, podczas gdy formaty bez kanału alfa, jak zwykły CMYK, po prostu ją ignorują.
Dlaczego wartość nieznacznie się zmienia po konwersji na CMYK i z powrotem na HEX?
CMYK to model zorientowany na druk bez jednej stałej formuły konwersji na i z RGB, więc konwersja tam i z powrotem może przesunąć wartości o błąd zaokrąglenia o jedną lub dwie jednostki; wizualnie kolor pozostaje praktycznie taki sam.
Czy moje dane koloru są gdzieś wysyłane?
Nie, każda konwersja odbywa się lokalnie w Twojej przeglądarce za pomocą JavaScript — nic nie jest przesyłane na serwer.
Czym różni się OKLCH od HSL?
OKLCH opisuje kolor za pomocą jasności (L), chromy (C) i odcienia (H), ale w przeciwieństwie do HSL uwzględnia sposób, w jaki ludzkie oko rzeczywiście postrzega jasność — zmiana L w OKLCH nie zniekształca postrzeganego nasycenia koloru, więc przejścia między odcieniami wyglądają bardziej równomiernie.
Co oznacza, że kolor jest „poza gamą" (out of gamut)?
Niektóre kolory w szerokich przestrzeniach, takich jak OKLCH czy Display P3, fizycznie nie mogą zostać odtworzone na ekranach obsługujących tylko sRGB — przeglądarka podstawia wtedy najbliższy dostępny kolor w obrębie obsługiwanej gamy.