Convertidor de HSL a HEX
Converteixi HSL a HEX a mesura que escriu: gratuït, instantani, amb un exemple pràctic i una taula de colors comuns.
Escriviu un valor HSL i llegiu el valor HEX a sota, o bé trieu un color de la mostra.
Exemple pràctic
HSL 11, 100%, 60% = HEX #ff5733
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 HSL i HEX
| Color | HSL | HEX |
|---|---|---|
| Vermell | 0, 100%, 50% | #ff0000 |
| Taronja | 39, 100%, 50% | #ffa500 |
| Groc | 60, 100%, 50% | #ffff00 |
| Verd | 120, 100%, 25% | #008000 |
| Cian | 180, 100%, 50% | #00ffff |
| Blau | 240, 100%, 50% | #0000ff |
| Porpra | 300, 100%, 25% | #800080 |
| Rosa | 350, 100%, 88% | #ffc0cb |
| Marró | 0, 59%, 41% | #a52a2a |
| Blanc | 0, 0%, 100% | #ffffff |
| Gris | 0, 0%, 50% | #808080 |
| Negre | 0, 0%, 0% | #000000 |
Cada conversió s'executa al seu navegador. Cap dada que introdueixi es puja a BroBroGo.
Preguntes freqüents
Com puc convertir HSL a HEX?
Escriviu o enganxeu el vostre valor HSL a dalt: el valor HEX 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.