Convertidor de HEX a HSL
Converteixi HEX a HSL a mesura que escriu: gratuït, instantani, amb un exemple pràctic i una taula de colors comuns.
Escriviu un valor HEX i llegiu el valor HSL a sota, o bé trieu un color de la mostra.
Exemple pràctic
HEX #ff5733 = HSL 11, 100%, 60%
Com funciona la conversió
- Un codi HEX representa els mateixos tres canals RGB escrits en base 16: dos dígits per canal, des de 00 (0) fins a ff (255).
- L'HSL descriu el mateix color mitjançant el matís (de 0 a 360° a la roda de colors), la saturació i la lluminositat; és molt útil per enfosquir o dessaturar un color canviant només un component.
Colors comuns en HEX i HSL
| Color | HEX | HSL |
|---|---|---|
| Vermell | #ff0000 | 0, 100%, 50% |
| Taronja | #ffa500 | 39, 100%, 50% |
| Groc | #ffff00 | 60, 100%, 50% |
| Verd | #008000 | 120, 100%, 25% |
| Cian | #00ffff | 180, 100%, 50% |
| Blau | #0000ff | 240, 100%, 50% |
| Porpra | #800080 | 300, 100%, 25% |
| Rosa | #ffc0cb | 350, 100%, 88% |
| Marró | #a52a2a | 0, 59%, 41% |
| Blanc | #ffffff | 0, 0%, 100% |
| Gris | #808080 | 0, 0%, 50% |
| Negre | #000000 | 0, 0%, 0% |
Cada conversió s'executa al seu navegador. Cap dada que introdueixi es puja a BroBroGo.
Preguntes freqüents
Com puc convertir HEX a HSL?
Escriviu o enganxeu el vostre valor HEX a dalt: el valor HSL s'actualitzarà a mesura que escriviu. També podeu triar el color visualment amb la mostra.
La conversió és exacta?
Els valors s'arrodoneixen a nombres enters, que és el format que esperen les eines de disseny i CSS. La diferència queda molt per sota del que l'ull humà pot percebre.