HEX, RGB és HSL színkód: mi a különbség és mikor melyiket használd?

HEX, RGB és HSL színkódok érthetően: formátumok, átváltás, példák és ingyenes színkód generátor webdesignhoz.

Balogh Bence

8 perc

Webdesign közben ugyanazzal a színnel többféle formában találkozhatsz. A #2563EB, rgb(37, 99, 235) és a hozzá tartozó HSL érték ugyanazt a kijelzőszínt írhatja le.

Válassz egy színt, és azonnal megkapod mindhárom formátumban.

Színkód generátor→

HEX

A HEX #RRGGBB formában három kétszámjegyű hexadecimális csatornát tartalmaz. A 00 a minimum, az FF a maximum intenzitás.

RGB

RGB-ben minden csatorna 0 és 255 közötti decimális érték. A forma fejlesztői eszközökben és programozásnál gyakran kényelmesebb, különösen ha csatornánként számolsz.

HSL

HSL-ben a hue egy 0–360 fokos színkör-pozíció, a saturation a telítettség, a lightness pedig a világosság. Emiatt vizuális finomhangolásnál könnyen érthető.

Két kiválasztott szín között CSS átmenetet is készíthetsz.

Színátmenet generátor→

Összefoglalás

Nincs egyetlen mindenre legjobb színformátum. HEX kompakt, RGB közvetlen, HSL pedig kézi szerkesztéshez kényelmes. A böngésző végül ugyanazt a megjelenítendő színt állítja elő.

Gyakori kérdések

A HEX és RGB ugyanazt a színt tudja leírni?

Igen. A hatjegyű HEX és az RGB ugyanazokat a 0–255 közötti csatornaértékeket írja le más jelöléssel.

Miért praktikus a HSL?

Az árnyalat, telítettség és világosság külön kezelhető, ezért kézi színvariációkhoz intuitív lehet.

Mi a #FFFFFF RGB-ben?

rgb(255, 255, 255), vagyis teljes intenzitás mindhárom RGB csatornán.