Konwerter kolorów: HEX, RGB, HSL, HSV, CMYK

Ten konwerter kolorów przyjmuje kolor w dowolnym zapisie – na przykład #3B82F6, rgb(59, 130, 246), hsl(217, 91%, 60%) albo cmyk(76%, 47%, 0%, 4%). Sam rozpozna format i pokaże ten sam kolor we wszystkich pozostałych notacjach.

Jak to obliczamy

Jak działa konwerter kolorów

Wszystkie formaty opisują ten sam kolor w przestrzeni barw sRGB, czyli standardzie ekranów i stron internetowych. Punktem wyjścia jest zawsze wartość RGB z trzema kanałami od 0 do 255:

HEX zapisuje trzy kanały jako dwucyfrowe liczby szesnastkowe: 59 → 3B, 130 → 82, 246 → F6, czyli #3B82F6. Skrócony zapis #RGB podwaja każdą cyfrę (#FA0 = #FFAA00), a 4. lub 8. cyfra oznacza krycie.
HSL (odcień, nasycenie, jasność) i HWB (odcień, udział bieli, udział czerni) są liczone według wzorów z CSS Color Module Level 4.
HSV (nazywany też HSB) używa tego samego odcienia co HSL; V to największy z trzech kanałów, a S = (max − min) ÷ max.
CMYK powstaje z prostego wzoru K = 1 − max(R, G, B), C = (1 − R − K) ÷ (1 − K) itd.

Przykład #3B82F6: R = 59/255 = 0,231, G = 0,510, B = 0,965. Największa wartość to 0,965, najmniejsza 0,231. Jasność L = (0,965 + 0,231) ÷ 2 = 59,8%, nasycenie S = (0,965 − 0,231) ÷ (1 − |2 × 0,598 − 1|) = 91,2%, odcień H = 217,2°. Wynik: hsl(217.2, 91.2%, 59.8%).

Dlaczego CMYK to tylko przybliżenie

Farby drukarskie zachowują się inaczej niż światło: to, który zestaw CMYK najlepiej odda kolor z ekranu, zależy od papieru, techniki druku i nakładania farby. Te właściwości zapisuje się w profilu kolorów ICC. Użyty tu wzór nie zna żadnego profilu – dla czystego niebieskiego daje na przykład „cmyk(100%, 100%, 0%, 0%)”, co w druku wychodzi wyraźnie bardziej fioletowo. Przy materiałach do druku korzystaj więc z wartości podanych przez drukarnię albo konwertuj w programie do składu z jej profilem.

Zaokrąglanie

RGB i HEX to liczby całkowite, więc są dokładne. HSL, HSV i HWB konwerter pokazuje z jednym miejscem po przecinku, CMYK w pełnych procentach. Wartości mają kropkę jako separator dziesiętny, dzięki czemu można je od razu wkleić do CSS.

Najczęściej zadawane pytania

Jak zamienić HEX na RGB?

Każda para cyfr to jeden kanał w zapisie szesnastkowym: #3B82F6 → 3B = 3 × 16 + 11 = 59, 82 = 8 × 16 + 2 = 130, F6 = 15 × 16 + 6 = 246. Wynik: rgb(59, 130, 246).

Jak zmienić RGB na HEX?

Każdy kanał dzielisz przez 16: część całkowita to pierwsza cyfra, reszta druga (10–15 zapisuje się jako A–F). 59 = 3 × 16 + 11 → 3B, 130 → 82, 246 → F6, razem #3B82F6. Konwerter robi to automatycznie po wpisaniu rgb(59, 130, 246).

Czy wartości CMYK nadają się do druku?

Tylko jako ogólna wskazówka. Konwersja odbywa się bez profilu kolorów ICC. Decyduje profil Twojej drukarni – zapytaj tam o właściwe wartości CMYK albo przekonwertuj kolor w programie do składu z jej profilem.

Czym różni się HSL od HSV?

Oba modele mają ten sam odcień. W HSL jasność 100% to zawsze biel, a 50% to czysty kolor; w HSV wartość 100% oznacza najjaśniejszą wersję koloru, a biel uzyskuje się, zmniejszając nasycenie do 0%. Programy graficzne często nazywają HSV „HSB”.

Jakie zapisy rozpoznaje konwerter?

HEX z 3, 4, 6 lub 8 cyframi (z # lub bez), rgb()/rgba() także w procentach, hsl()/hsla() ze stopniami deg, turn, rad lub grad, hsv()/hsb(), hwb(), cmyk() w procentach oraz trzy same liczby jako RGB. Działa zarówno zapis z przecinkami, jak i ze spacjami (CSS Color 4).

Źródła i podstawa prawna

CSS Color 4, § 5.2: W3C – CSS Color Module Level 4: RGB hex notation
CSS Color 4, § 7: W3C – CSS Color Module Level 4: HSL colors
CSS Color 4, § 8: W3C – CSS Color Module Level 4: HWB colors

Stan na: 27 września 2026

Podgląd koloru

Wynik