Conversor de modelos de cor (RGB, HSL, HSV, CMYK)
Digite um código de cor HEX ou escolha uma cor no seletor para converter instantaneamente seus valores equivalentes em RGB, HSL, HSV (HSB) e CMYK, todos exibidos ao mesmo tempo.
Como os modelos de cor se diferenciam
| Modelo | Descrição | Uso típico |
|---|---|---|
| RGB | Um modelo de cor aditivo que mistura as três cores primárias da luz (vermelho, verde e azul), cada uma em uma escala de 0 a 255. | Telas, desenvolvimento web (CSS) e o formato básico usado pela maioria dos editores de imagem. |
| HSL | Representa uma cor por meio de matiz, saturação e luminosidade. Se aproxima mais de como os humanos descrevem cores de forma intuitiva. | A função `hsl()` do CSS e o ajuste de matiz/saturação em ferramentas de paleta de cores. |
| HSV/HSB | Representa uma cor por meio de matiz, saturação e valor (brilho). Parecido com HSL, mas define o terceiro eixo de forma diferente. | Os seletores de cor de ferramentas de design como Photoshop e Illustrator. |
| CMYK | Um modelo de cor subtrativo que sobrepõe quatro tintas: ciano, magenta, amarelo e uma chapa-chave (preto). | Design para impressão e editoração eletrônica (DTP), onde a cor é reproduzida com tinta sobre papel. |
Dicas
- O campo HEX aceita códigos com ou sem o `#` inicial, tanto na forma abreviada de 3 dígitos (por exemplo, `#f60`) quanto na forma completa de 6 dígitos.
- Qualquer cor escolhida no seletor é refletida automaticamente no código HEX, permitindo escolher cores visualmente enquanto confere os valores numéricos exatos.
- Se quiser definir uma cor de fundo ou de texto no CSS com a função `hsl()`, você pode usar diretamente os valores HSL exibidos aqui no formato `hsl(H, S%, L%)`.
- Ao preparar arquivos para impressão, lembre-se de que os valores CMYK exibidos aqui são uma conversão simplificada; os valores reais usados pelo perfil ICC de uma gráfica podem ser ligeiramente diferentes.
Perguntas frequentes
Curiosidade — a história por trás desses modelos de cor
A ideia de mistura aditiva de cores por trás do RGB remonta à teoria das cores do século XIX, mas só passou a ser amplamente usada em computação gráfica a partir da década de 1970. As primeiras televisões e monitores coloridos criavam cor acendendo fósforos vermelhos, verdes e azuis em um tubo de raios catódicos, então o RGB foi adotado como o modelo numérico que correspondia diretamente a esse hardware físico.
Tanto o HSL quanto o HSV foram criados por pesquisadores de computação gráfica entre as décadas de 1970 e 1980 para resolver um problema específico de usabilidade: ajustar diretamente os números RGB não é intuitivo para as pessoas. O HSV, em particular, é conhecido por ter sido formalizado em um artigo de 1978 de Alvy Ray Smith, que mais tarde se tornou um dos cofundadores da Pixar.
O CMYK evoluiu junto com a história da tecnologia de impressão e tem origem em uma técnica chamada impressão em quatro cores (four-color process printing). Como ciano, magenta e amarelo sozinhos têm dificuldade em reproduzir um preto profundo, uma chapa-chave (preto) dedicada foi adicionada para resolver essa limitação específica da impressão. O CMYK continua sendo o padrão da impressão offset, impressoras jato de tinta e muitas outras tecnologias de impressão até hoje.