De três números para um código
Telas misturam luz vermelha, verde e azul, cada uma de 0 a 255. A notação hexadecimal escreve esses três números com dois dígitos hexadecimais cada e junta tudo: rgb(30, 144, 255) vira #1E90FF. O hexadecimal é o formato do CSS, do HTML, do Figma, dos manuais de marca e da maioria das ferramentas de design, então é o jeito usual de passar uma cor adiante.
Este conversor aceita os formatos que você provavelmente vai colar: rgb(255, 136, 0), o moderno rgb(255 136 0 / 50%), rgba(…), porcentagens ou só três números. Com transparência, o resultado é um código de oito dígitos como #FF880080.
Exemplo resolvido
rgb(30, 144, 255): 30 = 1 × 16 + 14 → 1E; 144 = 9 × 16 + 0 → 90; 255 → FF. O código é #1E90FF, a cor do CSS chamada dodgerblue. O contraste com o branco é 3,04:1: bom para títulos grandes e ícones, baixo demais para texto corrido.
Como funciona
A página lê os três valores, limita cada um entre 0 e 255 (porcentagens são multiplicadas por 2,55), arredonda e escreve cada um com dois dígitos hexadecimais, completando com zero à esquerda quando precisa. Um alfa abaixo de 1 acrescenta um quarto par, o alfa vezes 255. A tabela mostra a mesma cor em HSL, HSV e CMYK simples, e o contraste WCAG com branco e preto. Tudo roda nesta aba.
Perguntas frequentes
Como converter RGB para HEX à mão?
Divida cada valor por 16: o quociente e o resto são os dois dígitos hexadecimais. 200 = 12 × 16 + 8 → C8.
E a transparência do rgba?
O alfa vira um quarto par: 50% é 80 (128 em decimal), então rgba(255, 136, 0, 0.5) é #FF880080.
Por que meu valor virou 255?
Canais acima de 255 ou abaixo de 0 são limitados, como fazem os navegadores.
Hexadecimal maiúsculo ou minúsculo?
Tanto faz. O CSS não diferencia; a página usa minúsculas.
Fontes
- W3C — CSS Color Module Level 4
- W3C — Web Content Accessibility Guidelines (WCAG) 2.2
- Wikipedia — Web colors
Revisado em 17 de out. de 2026 · vetores de teste fixtures/dev/rgb-to-hex/