HSL-ből HEX átalakító
Állítsa be az árnyalatot, a telítettséget és a világosságot, és kapja meg a megfelelő hatjegyű HEX színkódot, másolásra készen.
hsl bemenet
Eredmény · HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Használati útmutató: HSL-ből HEX
- 1
Adjon meg egy színt
Írjon be egy színkódot, vagy válasszon színt a színválasztóval — minden mező a feltüntetett formátumot fogadja el.
- 2
Nézze meg az átváltást
Gépelés közben az eredmény azonnal frissül, a szín élő előnézetével együtt.
- 3
Másolja ki a kódot
Egy kattintással másolja ki a kívánt értéket, és illessze be a tervébe, a CSS-be vagy a nyomtatási beállításokba.
Miért érdemes a HSL-t HEX-re alakítani?
A HSL a színrendszerek felépítésének legintuitívabb módja. Rögzít egy árnyalatot, például 262°-ot az ibolyához, és főként a világosság módosításával egy egész skálát hoz létre: körülbelül 95%-ot a hátterekhez, 58%-ot a gombokhoz és kiemelésekhez, 30%-ot a szöveghez. A tervezők és fejlesztők ezt a módszert használják a világosabb és sötétebb árnyalatokhoz, valamint a sötét témákhoz.
A kész skálát azonban általában HEX kódokként kell átadni: az arculati útmutatók, design tokenek, Figma-könyvtárak, arculati kézikönyvek és sok tartalomkezelő rendszer #RRGGBB értékeket vár. Adja meg a HSL értékeket, és másolja ki a HEX eredményt – a hsl(262, 83%, 58%) például #7C3BED lesz. Az eszköz ugyanennek a színnek az RGB, HSV és CMYK értékét is mutatja. Mivel a HEX csatornánként csak 256 szintet tárolhat, a HSL nagyon kis változásai nem mindig módosítják a HEX kódot.
Minden helyben, a böngészőjében fut — a képeit soha nem töltjük fel szerverre.