Conversor RGB HEX

Converta entre códigos de cor RGB, HEX, HSL e CMYK. Pré-visualização de cor ao vivo. Grátis e instantâneo.

RGB Input

HEX Input

Format: #RRGGBB or #RGB

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

About RGB to HEX Converter

Converta entre espaços de cor RGB, HEX, HSL e CMYK instantaneamente. Ajuste os controles deslizantes de RGB ou digite um valor hex — todas as representações são atualizadas em tempo real com uma pré-visualização de cor ao vivo.

Quatro Espaços de Cor

Veja sua cor em RGB, HEX, HSL e CMYK simultaneamente. Perfeito para designers web, designers de impressão e desenvolvedores.

Pré-visualização de Cor ao Vivo

Uma amostra de cor 100x100 é atualizada em tempo real conforme você ajusta os controles deslizantes ou digita valores. Veja exatamente com o que está trabalhando.

Controles Deslizantes RGB

Ajuste finamente os canais vermelho, verde e azul com entradas numéricas ou controles deslizantes. Valores de 0-255 para cada canal.

Atalho HEX

Digite qualquer código de cor hex (#RRGGBB ou abreviação #RGB) e veja instantaneamente os equivalentes RGB, HSL e CMYK.

How It Works

  1. Adjust the RGB sliders — Use the R, G, and B sliders or type values directly to pick a color.
  2. Or enter a HEX code — Type a hex color like #FF6600 or shorthand like #F60.
  3. Watch the preview update — The color swatch changes instantly to match your input.
  4. Read all conversions — RGB, HEX, HSL, and CMYK values are displayed in a clean grid.
  5. Copy any value — Click any color code to copy it to your clipboard for use in your project.

📋 Common Use Cases

Design para Mídia Impressa e Digital

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, tokens de design e bibliotecas de componentes.

Consistência de Marca

Garanta a precisão das cores 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 a 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 pré-visualização 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.