Jak działa 3-cyfrowy kod HEX?

Krótkie kody, takie jak #fff, są rozwijane do 6 cyfr przez dwukrotne powtórzenie każdej cyfry: #fff staje się #ffffff. To skrócony zapis dostępny dla niektórych kolorów.

Kiedy warto używać formatu HSL?

HSL przydaje się, gdy chcesz zmienić jasność lub nasycenie koloru, zachowując jego barwę, bo wystarczy zmienić tylko jedną wartość (jasność lub nasycenie). To znacznie wygodniejsze niż przeliczanie trzech wartości naraz w HEX lub RGB.

Konwerter kolorów (HEX, RGB, HSL)

Kod koloru HEX

Podgląd

#6366F1HEX

rgb(99, 102, 241)RGB

hsl(239, 84%, 67%)HSL

O formatach kolorów

Kody kolorów HEX to najpopularniejszy sposób zapisu kolorów w projektowaniu stron: 6-cyfrowy kod zaczynający się od # (np. #6366F1), w którym składowe czerwona, zielona i niebieska zapisane są jako dwucyfrowe liczby szesnastkowe. RGB (Red, Green, Blue) przedstawia te same informacje za pomocą trzech liczb dziesiętnych z zakresu od 0 do 255. HSL (Hue, Saturation, Lightness) opisuje kolor jako kąt barwy (0-360 stopni), procent nasycenia (0-100%) i procent jasności (0-100%), dzięki czemu projektantom łatwiej go intuicyjnie dopasować. Krótkie 3-cyfrowe kody HEX (np. #fff) są rozwijane do 6 cyfr przez powtórzenie każdej cyfry (#fff staje się #ffffff).

Najczęściej zadawane pytania

Częste pytania o konwersję kolorów

Oba zapisują ten sam kolor, tylko na różne sposoby. HEX zamyka kolor w jednym 6-cyfrowym kodzie szesnastkowym (#6366F1), a RGB podaje składowe czerwoną, zieloną i niebieską osobno jako liczby dziesiętne od 0 do 255 (rgb(99, 102, 241)). To ten sam kolor, tylko w innej notacji.