Conversor HSL para RGB Converta valores HSL em RGB com controles deslizantes interativos e pré-visualização ao vivo.
Conversor HSL para RGB
Converta valores HSL em RGB com controles deslizantes interativos e pré-visualização ao vivo.
Definir Valores de HSL
Ajuste os controles deslizantes de Matiz (0-360°), Saturação (0-100%) e Brilho (0-100%).
Visualizar Saída RGB
Veja os valores Vermelho, Verde e Azul serem atualizados instantaneamente.
Copiar Valores RGB
Copie a função CSS rgb() para uso em seu projeto.
What Is Conversor HSL para RGB?
Um conversor de HSL para RGB transforma valores de cor de Matiz, Saturação e Luminosidade em valores de canal de Vermelho, Verde e Azul. Essa conversão é essencial quando você tem projetado cores usando o modelo intuitivo de HSL e precisa implementá-las em sistemas que apenas aceitam RGB, como algumas APIs gráficas, sistemas de controle de LED ou softwares mais antigos. O modelo HSL permite que você pense sobre a cor de forma conceitual - qual matiz, quão vívido, quão brilhante - enquanto o RGB é a linguagem nativa dos displays digitais. O conversor preenche essa lacuna, pegando suas escolhas de cores amigáveis ao usuário e produzindo os valores precisos de canal necessários para a reprodução digital. Cada canal de saída varia de 0 a 255, fornecendo os valores exatos necessários para funções CSS rgb(), operações da API Canvas ou qualquer sistema de cor baseado em RGB.
Why Use Conversor HSL para RGB?
-
Controles de HSL intuitivos para exploração natural de cores
-
Valores precisos dos canais RGB exibidos em formato grande e legível
-
Visualização em tempo real da amostra mostra a saída de cor exata
-
String CSS rgb() pronta para uso imediato
-
Rápido e gratuito - sem necessidade de cadastro ou instalação
Common Use Cases
Programação Gráfica
Converter cores definidas por HSL para RGB para parâmetros de cor em WebGL, Canvas ou motores de jogo.
LED e Hardware
Obtenha valores RGB para controlar fitas de LED RGB, luzes inteligentes ou dispositivos IoT que requerem entradas R, G, B.
Integração do Sistema de Cores
Conecte tokens de design baseados em HSL com frameworks ou sistemas legados que só suportam RGB.
Educação
Entenda como as propriedades perceptuais de HSL se relacionam com o modelo de cor aditivo RGB.
Technical Guide
O algoritmo de conversão de HSL para RGB calcula a croma C = (1 - |2L - 1|) × S, onde S e L são normalizados para 0-1. Um valor intermediário X = C × (1 - |(H/60) mod 2 - 1|) determina o segundo componente de cor mais grande. Com base no setor do matiz (0-60°, 60-120°, etc.), valores RGB temporários são atribuídos usando C, X e 0. Finalmente, um deslocamento de luminosidade m = L - C/2 é adicionado a todos os canais e os resultados são escalonados de 0-1 para 0-255. Os seis setores do matiz criam transições suaves: 0-60° mistura vermelho com amarelo, 60-120° amarelo com verde e assim por diante ao redor da roda. Em S=0, todos os canais RGB são iguais a L×255 (cinza). Em L=0, todos os canais são 0 (preto). Em L=1, todos os canais são 255 (branco). O algoritmo é matematicamente preciso e determinístico - a mesma entrada HSL sempre produz a mesma saída RGB.
Tips & Best Practices
-
1HSL (0, 100%, 50%) produz RGB (255, 0, 0) - vermelho puro
-
2Qualquer valor de HSL com brilho 0% resulta em RGB (0, 0, 0), independentemente da matiz e saturação
-
3HSL com saturação 0% produz valores R, G, B iguais (tons de cinza)
-
4Valores de matiz se repetem: 361° é o mesmo que 1°
-
5Essa conversão é usada internamente pelos navegadores para renderizar cores CSS hsl()
Related Tools
Conversor RGB para HEX
Converta valores de cor RGB em códigos HEX com controles deslizantes e pré-visualização ao vivo.
🎨 Color Tools
Conversor HSL para HEX
Converta valores de cor HSL em códigos HEX com controles deslizantes interativos.
🎨 Color Tools
Conversor RGB para HSL
Converta valores RGB para o formato de cor HSL com controles deslizantes interativos.
🎨 Color Tools
Seletor de Cores
Seletor de cores interativo com saídas em HEX, RGB, HSL e CMYK.
🎨 Color Tools
Gerador de Matizes de Cor
Gere matizes mais claros de qualquer cor com quantidade de etapas ajustável.
🎨 Color ToolsFrequently Asked Questions
Q A conversão de HSL para RGB é exata?
Q Quais valores RGB hsl(120, 100%, 50%) produz?
Q Por que HSL existe se as telas usam RGB?
Q Posso converter de volta de RGB para HSL sem perda?
About This Tool
Conversor HSL para RGB is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.