> converter | visualizar | escolher <
// Converta entre formatos de cor HEX, RGB, HSL, HSV e CMYK
Pré-visualização de cores
A pré-visualização ao vivo atualiza instantaneamente enquanto você digita ou escolhe cores.
Entrada em qualquer formato
Insira uma cor em qualquer formato e todos os outros formatos são atualizados automaticamente.
5 formatos de cor
Converta entre HEX, RGB, HSL, HSV/HSB e CMYK. Copie qualquer formato com um clique.
// SOBRE FORMATOS DE COR
Modelos de cor:
As cores podem ser representadas por diferentes modelos: RGB aditivo para telas, CMYK subtrativo para impressão, notação HEX como representação RGB compacta, e HSL/HSV para matiz, saturação e luminosidade/valor.
Exemplo:
#FF5733 → rgb(255, 87, 51) → hsl(11, 100%, 60%)
Casos de uso comuns:
- >Desenvolvimento web: cores CSS em HEX, RGB ou HSL
- >Design para impressão: conversão de RGB para CMYK
- >Design UI: HSL para ajustes intuitivos de cor
- >Diretrizes de marca: cores consistentes entre formatos
- >Acessibilidade: verificação de razões de contraste
>> perguntas frequentes
P: Qual a diferença entre HEX e RGB?
R: HEX e RGB representam o mesmo modelo de cor em notações diferentes. HEX usa hexadecimal (#FF5733) enquanto RGB usa valores decimais (rgb(255, 87, 51)).
P: O que é HSL e por que usá-lo?
R: HSL significa Matiz, Saturação, Luminosidade. É um modelo de cor mais intuitivo para humanos. CSS suporta nativamente a notação hsl().
P: Quando devo usar CMYK?
R: CMYK é o modelo de cor usado na impressão. Nem todas as cores RGB podem ser reproduzidas em CMYK.
P: Quais formatos de cor CSS são suportados?
R: Navegadores modernos suportam HEX, RGB, HSL, cores nomeadas e formatos mais novos como hwb(), lab(), lch(), oklch().
P: Como os formatos de cor afetam a acessibilidade?
R: O formato não afeta diretamente a acessibilidade, mas entender os valores de cor ajuda a calcular razões de contraste. WCAG 2.1 requer um mínimo de 4,5:1 para texto normal.