RGB to HSL
Converta valores de cores RGB para HSL para sistemas intuitivos de design e manipulação de cores
Conversor de cores
HSL Output
HSL Controls
hsl(0°, 100%, 50%)
Formatos adicionais
RGB Value
rgb(255, 0, 0)
HEX Value
#FF0000
Valor decimal
16711680
Uso de CSS
color: hsl(0°, 100%, 50%);
Psicologia das Cores
Este vermelho vibrante tem saturação máxima e leveza média, criando uma cor intensa e energética. O vermelho é associado à paixão, urgência e entusiasmo na maioria das culturas.
Exemplos de conversão
Vermelho Vibrante
Verde Floresta
Azul Royal
Rosa suave
Roxo profundo
Cinza Quente
Ferramentas recomendadas
HSL to RGB Converter
Converta valores de cores HSL de volta para RGB para aplicações digitais
Gerador de paleta de cores
Crie esquemas de cores harmoniosos usando a teoria de cores HSL
Gerador de tons de cores
Gere matizes, sombras e tons ajustando valores HSL
Localizador de Harmonia de Cores
Descubra combinações de cores complementares, análogas e triádicas
Sobre esta ferramenta
Este conversor de RGB para HSL conecta dois importantes modelos de cores usados em design digital, facilitando o trabalho com cores de uma forma mais intuitiva.
RGB (Red, Green, Blue) is an additive color model where colors are created by combining light. This system is used for digital displays, with each component ranging from 0 to 255.
HSL (Hue, Saturation, Lightness) represents colors in a way that aligns more naturally with human perception:
- Matiz: The color itself, represented as a degree (0-360) on a color wheel
- Saturação: The intensity or purity of the color (0-100%)
- Leveza: How light or dark the color is (0-100%)
HSL is particularly valuable for creating color systems and palettes, as it allows for intuitive adjustments. For example, you can easily create tints by reducing saturation or shades by adjusting lightness while maintaining the same hue. This converter provides accurate translations between RGB and HSL, essential for consistent color implementation across digital projects.