ZenovayTools

Conversor de RGB para HEX

Converta cores entre os formatos RGB, HEX, HSL e HSB/HSV instantaneamente. Seletor de cores com visualização em tempo real, verificador de contraste WCAG e referência de cores web comuns.

Color Values

HEX#FF6347
RGBrgb(255, 99, 71)
HSLhsl(9, 100%, 64%)
HSVhsv(9, 72%, 100%)
CSS nameTomato

Named Color Shortcuts

Como Usar Conversor de RGB para HEX

  1. 1Insira uma cor em qualquer formato: HEX (#rrggbb), RGB (r,g,b) ou HSL.
  2. 2Veja a cor visualizada em tempo real.
  3. 3Copie o código de cor convertido em seu formato preferido.
  4. 4Use o seletor de cores para seleção visual.
ZenovayAnalytics

Saiba o que seus visitantes realmente fazem.

  • Acompanhamento de visitantes em tempo real
  • Privacidade em primeiro lugar, sem banner de cookies
  • Configurado em dois minutos
Conheça o Zenovay

Ferramentas Relacionadas

Conversor de Cores
Converta cores entre os formatos HEX, RGB, HSL e CMYK. Visualização ao vivo com seletor de cores.
Conversor de Unidades
Converta entre unidades de comprimento, peso, temperatura, área, volume, velocidade e muito mais.
Conversor de Base Numérica
Converta números entre as bases binária, octal, decimal e hexadecimal.
Conversor de Timestamp Unix
Converta entre timestamps Unix e datas legíveis por humanos. Mostre ISO 8601, UTC, hora local e hora relativa.

Perguntas Frequentes

Como converto RGB para HEX?▾
Cada canal RGB (0-255) se converte para um valor hexadecimal de 2 dígitos. Fórmula: HEX = # + toHex(R) + toHex(G) + toHex(B). Exemplo: RGB(255, 99, 71) → R=255=FF, G=99=63, B=71=47 → #FF6347 (vermelho tomate). JavaScript: `'#' + [r,g,b].map(v => v.toString(16).padStart(2,'0')).join('')`. Em CSS, a abreviação de 3 dígitos (#RGB) funciona quando cada par é idêntico: #FFCC00 → #FC0.
Qual é a diferença entre RGB e HSL?▾
RGB (Vermelho, Verde, Azul) descreve cor como componentes de luz aditiva — o modelo usado por telas. HSL (Matiz, Saturação, Luminosidade) descreve cor de forma mais intuitiva: Matiz é o ângulo de cor (0-360°), Saturação é a intensidade de cor (0-100%), Luminosidade é o brilho (0% = preto, 100% = branco). HSL facilita a criação de paletas de cores (ajuste L para obter matizes/tons) e harmonias de cores (gire H por 30°/60°/120°).
Qual é a diferença entre HSL e HSV/HSB?▾
HSL (Matiz, Saturação, Luminosidade): em L=50% você obtém cor pura, L=100% = branco. HSV/HSB (Matiz, Saturação, Valor/Brilho): em V=100% você obtém cor pura, V=0% = preto. HSL é usado em CSS (hsl()). HSV/HSB é usado na maioria das ferramentas de design (Photoshop, Figma, cores seletores Sketch). Conversão: ambas usam o mesmo Matiz, mas calculam S e o terceiro componente de forma diferente. CSS não suporta HSV nativamente.
O que RGBA e HSLA significam?▾
RGBA e HSLA adicionam um canal Alfa para opacidade: rgba(255, 99, 71, 0,5) = vermelho tomate 50% transparente. Intervalo alfa: 0 (totalmente transparente) a 1 (totalmente opaco) em rgba() CSS; 0-255 em alguns outros sistemas. HEX com alfa: hex de 8 dígitos (#RRGGBBAA) — suportado em CSS moderno. Exemplo: #FF634780 = vermelho tomate em ~50% opacidade (80 hex = 128 decimal = ~50%). Hex de 6 dígitos não tem alfa.
O que são cores nomeadas CSS?▾
CSS define 147 cores nomeadas, de "red" (#FF0000) a "rebeccapurple" (#663399, nomeada em homenagem à filha de um desenvolvedor em 2014). Estendida do HTML 4 (16 cores básicas) através de CSS 1/2/3. "transparent" também é uma palavra-chave válida (rgba(0,0,0,0)). Cores nomeadas não diferenciam maiúsculas de minúsculas. Todos os navegadores modernos suportam todas as 147 cores nomeadas. "currentColor" é uma palavra-chave especial que herda o valor da propriedade de cor do elemento.