HEX, RGB, HSL: jaka jest różnica między formatami kolorów

Formaty kolorów w Internecie

Podczas tworzenia i projektowania stron internetowych kolory są określane na kilka sposobów. Każdy format ma swoje zalety.

HEX (#RRGGBB)

Notacja szesnastkowa jest najpopularniejszym formatem w Internecie.

kolor: #4f46e5; /* Indygo */ 
kolor: #09090b; /* Prawie czarny */ 
kolor: #fff; /* Krótka forma #ffffff */ 

Zalety: Zwięzłość i przejrzystość dla projektantów, obsługiwane wszędzie.

RGB (czerwony, zielony, niebieski)

Ustawia kolor poprzez intensywność trzech kanałów od 0 do 255.

kolor: rgb(79, 70, 229); /* Indygo */ 
kolor: rgba(79, 70, 229, 0,5); /* Z przezroczystością */ 

Zalety: Intuicyjny, wygodny w programowej manipulacji kolorami.

HSL (Barwa, Nasycenie, Jasność)

Najbardziej „ludzki” format: odcień (°), nasycenie (%), jasność (%).

kolor: hsl(243, 75%, 59%); /* Indygo */ 
kolor: hsl(243, 75%, 45%); /* Ciemniejszy */ 
kolor: hsl(243, 75%, 75%); /* Zapalniczka */ 

Zalety: Z łatwością twórz palety tonalne, zmieniając tylko jasność.

CMYK (cyjan, magenta, żółty, klucz/czarny)

Stosowany w druku.

cmyk(66%, 69%, 0%, 10%) = Indygo 

Zalety: Dokładne dopasowanie kolorów po wydrukowaniu.

Kiedy czego używać?

Konwertuj kolory online za pomocą naszego narzędzia - sprawdzania kontrastu HEX, RGB, HSL, CMYK i WCAG.