Conversor de Cores

O que é o Conversor de Cores?

Conversor de Cores é uma ferramenta online que ajuda desenvolvedores a converter livremente entre diferentes formatos de cor. Os formatos de cor mais comuns no desenvolvimento web incluem HEX (hexadecimal), RGB (vermelho, verde, azul), HSL (matiz, saturação, luminosidade) e CMYK (ciano, magenta, amarelo, preto). Esta ferramenta detecta automaticamente o formato de entrada e gera os quatro formatos simultaneamente, melhorando significativamente a eficiência da combinação de cores.

Guia de Formatos de Cor

• HEX — Código de cor hexadecimal, começando com #, ex.: #ff6600. O formato de cor mais usado em CSS.
• RGB — Representação por vermelho, verde e azul, ex.: rgb(255, 102, 0). Cada componente varia de 0 a 255.
• HSL — Matiz (Hue 0~360°), Saturação (0~100%), Luminosidade (0~100%). O modelo de cor mais intuitivo.
• CMYK — Ciano (Cyan), Magenta, Amarelo (Yellow) e Preto (Key). O formato padrão da indústria gráfica.
• Nomes de Cor CSS — Mais de 140 nomes de cores definidos pela W3C, ex.: rebeccapurple, coral.

Casos de Uso Comuns

• Design de UI — Designers fornecem HEX; desenvolvedores precisam de HSL para ajustar o brilho
• Estados de botão — Use Tints & Shades para gerar degradês de hover/active
• Paleta de marca — Use Esquemas de Cores para gerar combinações complementares/triádicas
• Teste de acessibilidade — Use o Verificador de Contraste WCAG para garantir a legibilidade do texto
• Gradientes CSS — Use Favoritos para preparar cores para geração de gradientes

Padrões de Contraste WCAG

• Padrão AA — Texto normal ≥ 4.5:1, texto grande ≥ 3:1
• Padrão AAA — Texto normal ≥ 7:1, texto grande ≥ 4.5:1