HEX-ből HSL átalakító
Alakítson egy HEX színkódot árnyalattá, telítettséggé és világossággá, hogy könnyen készíthessen világosabb és sötétebb változatokat.
hex bemenet
Eredmény · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Használati útmutató: HEX-ből HSL
- 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.
HEX és HSL színek
A HEX a színek írásmódja CSS-ben és tervezőeszközökben: egy # jel, amelyet három hexadecimális számpár követ a vörös, a zöld és a kék csatornához. A HSL ugyanazt a színt úgy írja le, ahogyan az emberek gondolnak rá – az árnyalat a színkeréken mért, 0 és 360° közötti szög, a telítettség és a világosság pedig százalék.
A HSL-re alakítás akkor hasznos, ha egy szín változataira van szüksége: tartsa meg az árnyalatot, és módosítsa a világosságot, hogy világosabb és sötétebb árnyalatokat kapjon rámutatási állapotokhoz, hátterekhez és szegélyekhez. A böngészők mindkét jelölést értik, például hsl(342, 100%, 62%). Illesszen be egy három- vagy hatjegyű kódot # jellel vagy anélkül, és másolja ki a hsl() eredményt; az RGB, HSV és CMYK érték is megjelenik.
Minden helyben, a böngészőjében fut — a képeit soha nem töltjük fel szerverre.