Conversor de RGB para Hex

Como converter RGB para Hex?

A conversão de RGB para Hex transforma valores RGB decimais (0-255) em notação hexadecimal usada em web design. Cada componente RGB é convertido em um número hexadecimal de dois dígitos (00-FF), depois concatenado para criar o código hex de seis caracteres.

Por exemplo: RGB(255, 87, 51) converte para #FF5733:
- Vermelho: 255 = FF
- Verde: 87 = 57
- Azul: 51 = 33

Por que converter RGB para Hex?

Códigos de cor hexadecimais são o formato padrão para desenvolvimento web. Embora CSS suporte notação RGB, códigos hex são mais compactos, amplamente reconhecidos e mais fáceis de copiar e compartilhar. A maioria das ferramentas de design e seletores de cor fornecem códigos hex, tornando-os o padrão de fato para cores web.

Como funciona a conversão de RGB para Hex?

Cada componente RGB (0-255 em decimal) é convertido para base 16 (hexadecimal). A conversão divide o número por 16: o quociente se torna o primeiro dígito e o resto se torna o segundo dígito. Por exemplo, 255 ÷ 16 = 15 resto 15, que em hex é FF (onde F representa 15).

Posso usar RGB em vez de Hex no CSS?

Sim, o CSS moderno suporta totalmente notação RGB (ex: rgb(255, 0, 0)) e RGBA para transparência (ex: rgba(255, 0, 0, 0.5)). No entanto, códigos hex são mais concisos e tradicionais. Códigos hex com canal alfa (#RRGGBBAA) também são suportados em navegadores modernos, embora menos comumente usados que rgba().

Qual a diferença entre cores RGB e Hex?

RGB e Hex representam as mesmas cores em formatos diferentes. RGB usa três números decimais (0-255) para vermelho, verde e azul. Hex usa seis dígitos hexadecimais (00-FF) representando os mesmos valores. São intercambiáveis - RGB(255, 0, 0) é igual a #FF0000. A escolha entre eles geralmente é sobre preferência e contexto.

Conversões Comuns de RGB para Hex