Convertidor de RGB a HSL
Converteixi RGB a HSL a mesura que escriu: gratuït, instantani, amb un exemple pràctic i una taula de colors comuns.
Escriviu un valor RGB i llegiu el valor HSL a sota, o bé trieu un color de la mostra.
Exemple pràctic
RGB 255, 87, 51 = HSL 11, 100%, 60%
Com funciona la conversió
- 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 RGB i HSL
| Color | RGB | HSL |
|---|---|---|
| Vermell | 255, 0, 0 | 0, 100%, 50% |
| Taronja | 255, 165, 0 | 39, 100%, 50% |
| Groc | 255, 255, 0 | 60, 100%, 50% |
| Verd | 0, 128, 0 | 120, 100%, 25% |
| Cian | 0, 255, 255 | 180, 100%, 50% |
| Blau | 0, 0, 255 | 240, 100%, 50% |
| Porpra | 128, 0, 128 | 300, 100%, 25% |
| Rosa | 255, 192, 203 | 350, 100%, 88% |
| Marró | 165, 42, 42 | 0, 59%, 41% |
| Blanc | 255, 255, 255 | 0, 0%, 100% |
| Gris | 128, 128, 128 | 0, 0%, 50% |
| Negre | 0, 0, 0 | 0, 0%, 0% |
Cada conversió s'executa al seu navegador. Cap dada que introdueixi es puja a BroBroGo.
Preguntes freqüents
Com puc convertir RGB a HSL?
Escriviu o enganxeu el vostre valor RGB 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.