Conversor de HSL para RGB

Converta cores HSL para RGB, HEX e CMYK. Ajuste com controles deslizantes de HSL. Pré-visualização de cor ao vivo.

HSL Values

HSL
hsl(0, 65%, 51%)
RGB
rgb(211, 51, 51)
HEX
#D33333
CMYK
cmyk(0%, 76%, 76%, 17%)

About HSL to RGB Converter

Converta valores de cor HSL (Matiz, Saturação, Luminosidade) para RGB, HEX e CMYK. Ajuste matiz, saturação e luminosidade com controles deslizantes intuitivos e veja o resultado em todos os principais espaços de cor.

Entrada HSL

Matiz de 0-360, saturação e luminosidade de 0-100%. Use controles deslizantes ou digite valores exatos. Conversão instantânea para todos os formatos.

Pré-visualização de Cor ao Vivo

Uma amostra de cor em tempo real mostra exatamente como os valores HSL se parecem. Ajuste e veja as mudanças imediatamente.

Quatro Formatos de Saída

Veja HSL, RGB, HEX e CMYK lado a lado. Perfeito para design web, pré-impressão e fluxos de trabalho de desenvolvimento.

Clique para Copiar

Clique em qualquer valor de cor para copiá-lo para a área de transferência. RGB para CSS, HEX para HTML, CMYK para impressão, HSL para ajustes finos.

How It Works

  1. Adjust the Hue slider — Set the base color angle from 0 (red) through 360 (back to red).
  2. Set Saturation — Control color intensity from 0% (gray) to 100% (full color).
  3. Set Lightness — Adjust brightness from 0% (black) to 100% (white).
  4. Watch the preview — The color swatch updates in real time as you adjust any slider.
  5. Read the results — All four color space values update instantly. Click any value to copy it.

📋 Common Use Cases

Design para Múltiplas Mídias

Converta cores de impressão (CMYK) para cores de tela (RGB/Hex) ao adaptar ativos de marca de mídia física para digital.

CSS e Desenvolvimento Web

Transforme cores entre formatos hex, RGB e HSL para uso em folhas de estilo, design tokens e bibliotecas de componentes.

Consistência de Marca

Garanta precisão de cor ao traduzir paletas de marca entre diferentes ferramentas de design que exigem formatos de cor específicos.

Testes de Acessibilidade

Converta cores para formatos analisáveis para verificação de contraste e conformidade com WCAG.

🪜 How to Use This Tool

  1. Insira sua cor de origem
    Digite o valor da cor no formato de origem — código hex, valores RGB, porcentagens CMYK ou parâmetros HSL.
  2. Selecione o formato de destino
    Escolha o formato de saída desejado. A maioria dos conversores mostra uma amostra de cor ao vivo junto com os valores convertidos.
  3. Veja e copie a cor convertida
    A cor convertida aparece instantaneamente. Copie valores individuais ou a string de saída completa para o seu projeto.
  4. Use no seu projeto
    Cole a cor convertida diretamente no seu CSS, ferramenta de design ou especificação de impressão. Verifique se a pré-visualização corresponde às suas expectativas.

📚 Related Guides

Frequently Asked Questions

Estes conversores são gratuitos?
Sim. Todos os conversores são completamente gratuitos. Não é necessário cadastro.
Qual é a precisão do conversor de unidades?
Ele usa fatores de conversão padrão para comprimento, massa, temperatura, área, volume e velocidade. Os resultados são precisos até 6 casas decimais.