Váltsa át a hex színkódot RGB és HSL formátumra azonnal, élő színelőnézettel.
A hex színkód a webdesign leggyakoribb színmegadási módja: egy #-tel kezdődő, 6 jegyű kód (pl. #6366F1), amely a vörös, zöld és kék összetevőt kétjegyű hexadecimális számként adja meg. Az RGB (Red, Green, Blue) ugyanezt az információt három, 0 és 255 közötti decimális számmal fejezi ki. A HSL (Hue, Saturation, Lightness) a színt színezeti szöggel (0–360 fok), telítettségi százalékkal (0–100%) és világossági százalékkal (0–100%) írja le, így a tervezők számára intuitívabb a színek módosítása. A rövid, 3 jegyű hex kódokat (pl. #fff) minden számjegy megismétlésével 6 jegyűvé bővítjük (#fff-ből #ffffff lesz).
Gyakori kérdések a színek átváltásáról
Mindkettő ugyanazt a színt írja le, csak más módon. A HEX egyetlen 6 jegyű hexadecimális kódba sűríti a színt (#6366F1), míg az RGB külön mutatja a vörös, zöld és kék összetevőt 0 és 255 közötti decimális számként (rgb(99, 102, 241)). A szín ugyanaz, csak a jelölés más.
Az olyan rövid kódokat, mint a #fff, úgy bővítjük 6 jegyűvé, hogy minden számjegyet kétszer írunk le: a #fff-ből #ffffff lesz. Ez egy rövidített írásmód, amely csak bizonyos színeknél használható.
A HSL akkor igazán hasznos, ha egy szín világosságát vagy telítettségét szeretné módosítani úgy, hogy a színárnyalat megmaradjon, hiszen ehhez elég egyetlen értéket (a világosságot vagy a telítettséget) megváltoztatni. Ez sokkal intuitívabb, mint HEX-ben vagy RGB-ben egyszerre három értéket újraszámolni.