Sobre aquesta eina
Converteix els valors de color HSL (Tonalitat, Saturació, Lluminositat) a codis hexadecimals. HSL és un model de color intuïtiu on la tonalitat és l'angle de color (0-360°), la saturació és la intensitat del color (0-100%) i la lluminositat controla com de clar o fosc és el color (0-100%). Útil per als dissenyadors que treballen en HSL i necessiten codis hexadecimals per a CSS.
Preguntes freqüents
- Per què utilitzar HSL en lloc d'hexadecimal o RGB?
- HSL és més intuïtiu per als humans. Vols un to més fosc? Disminuir la lleugeresa. Vols una versió silenciada? Disminuir la saturació. Aquestes relacions no són òbvies en hexadecimal o RGB on haureu d'ajustar els tres canals.
- Què significa una tonalitat de 0 vs 360?
- Tant els 0° com els 360° són vermells: la roda de tonalitat s'envolta. Matisos principals: 0° = vermell, 60° = groc, 120° = verd, 180° = cian, 240° = blau, 300° = magenta.
- Què passa al 0% i al 100% de saturació?
- Amb una saturació del 0%, qualsevol tonalitat es converteix en una tonalitat de gris (determinada només per la lleugeresa). Amb una saturació del 100%, obteniu la versió més pura i viva d'aquesta tonalitat.
- Com funciona la lleugeresa?
- El 0% de lluminositat és sempre negre, independentment de la tonalitat/saturació. El 100% sempre és blanc. El 50% dóna la versió més pura i vibrant del color. Els valors entre 0-50% són matisos més foscos, 50-100% són matisos més clars.