Conversor de Cores

Uma cor HEX como #FF5733 converte para RGB dividindo em pares: FF=255 (vermelho), 57=87 (verde), 33=51 (azul). Cada par é um número hexadecimal (0-FF) representando 0-255 em decimal. Então #FF5733 = RGB(255, 87, 51). Para HEX abreviado como #F53, expanda cada dígito: #FF5533. Este conversor faz o cálculo automaticamente—basta inserir qualquer formato e obter resultados instantâneos.

RGB (Vermelho, Verde, Azul) define cores misturando intensidades de luz (0-255 cada). HSL (Matiz, Saturação, Luminosidade) é mais intuitivo: o Matiz é a posição no círculo cromático (0-360°), a Saturação é a intensidade da cor (0-100%), e a Luminosidade é o brilho (0-100%). HSL é mais fácil para ajustes—para clarear uma cor, basta aumentar L. Para dessaturar, reduza S.

Use HEX (#FF5733) para cores estáticas—é compacto e universalmente suportado. Use RGB ou RGBA quando precisar de opacidade: rgba(255, 87, 51, 0.5) cria uma cor 50% transparente. HSL é ótimo para manipulação programática de cores—ajustar luminosidade ou saturação é direto. CSS moderno suporta os três formatos igualmente, então escolha com base na legibilidade e se precisa do canal alfa.

Cores complementares estão opostas no círculo cromático, criando máximo contraste. Em HSL, simplesmente adicione ou subtraia 180° do matiz. Por exemplo, se sua cor tem H=30° (laranja), o complemento é H=210° (azul). Mantenha S e L iguais. Vermelho (#FF0000, H=0°) complementa Ciano (H=180°). Este conversor mostra valores HSL, facilitando calcular complementos, tríades (+120°) ou complementos divididos (+150°/+210°).

Telas variam em gama de cores (alcance de cores exibíveis), calibração e tecnologia de painel (IPS, OLED, TN). Uma cor como #FF5733 é um valor digital preciso, mas monitores a interpretam diferentemente baseado em seu perfil de cor e configurações. Para cor consistente, use monitores calibrados por hardware, projete no espaço de cor sRGB e teste em múltiplos dispositivos. Cores de impressão usam CMYK, que tem gama menor que RGB.