Conversor de cores
Digite ou cole uma cor em HEX, RGB, HSL, HSV ou CMYK, ou escolha pelo seletor: ela é convertida na hora para todos os outros formatos, pronta para copiar.
A cor tem transparência: a prévia a mostra sobre um fundo quadriculado. HSV e CMYK não têm transparência e a deixam de fora.
O CMYK aqui é a fórmula simples, sem perfil de cor: na impressão o resultado depende do papel e das tintas, então para uma impressão de verdade vale pedir o perfil à gráfica.
Histórico. Toque em uma cor para trazê-la de volta:
Cinco formatos, e quando usar cada um
O HEX, como #ff8a5c, é o formato mais curto e o padrão em folhas de estilo e programas de design. É escrito com 6 dígitos, com 3 (cada dígito vale duas vezes: #f80 pt #ff8800) ou com 8 ou 4, onde o último par é a transparência: #ff8a5c80 é o mesmo laranja com metade da opacidade. A cerquilha também pode ser omitida.
O RGB diz quanto há de vermelho, verde e azul, de 0 a 255, e com um quarto número a transparência. O HSL (matiz, saturação, luminosidade) é o mais prático para variações: mantenha o mesmo matiz, mude só a luminosidade, e você obtém versões mais claras e mais escuras da mesma cor. O HSV, que alguns programas chamam de HSB, é o que está por trás dos seletores de cor do Photoshop, do Figma e do GIMP: lá, 100% de valor é a cor mais brilhante, não o branco. Todos eles também podem ser digitados no campo, não só copiados.
Quantas casas decimais forem necessárias, e o ponto
Cada linha, copiada e lida de volta, deve dar a mesma cor outra vez. Com números inteiros isso nem sempre acontece: o cinza rgb(127, 127, 127) em HSL arredondado seria hsl(0, 0%, 50%), que lido de volta dá rgb(128, 128, 128), um cinza diferente. Por isso uma casa decimal só aparece aqui quando é necessária: esse cinza sai como hsl(0, 0%, 49.8%), e #f80 em CMYK sai como cmyk(0%, 46.7%, 100%, 0%), porque com 47% voltaria como #ff8700.
Os códigos usam sempre o ponto para os decimais, seja qual for o idioma da página: são código para colar numa folha de estilo ou num programa de design, e esses não entendem a vírgula. Se faltar um parêntese ou um número estiver fora do intervalo, como em rgb(300, 0, 0), a página avisa em vez de adivinhar. O CMYK também pode ser escrito como frações de 0 a 1, do jeito que muitos programas exportam: cmyk(0, 0.46, 0.64, 0) significa cmyk(0%, 46%, 64%, 0%). Elas contam como frações só se nenhum valor tiver o sinal de porcentagem e os quatro estiverem entre 0 e 1; caso contrário, são porcentagens.
Por que o CMYK é só uma aproximação
As telas emitem luz (cor aditiva RGB), enquanto o papel a reflete (cor subtrativa CMYK): os dois espaços de cor simplesmente não coincidem. Cores muito saturadas ou muito brilhantes que você vê num monitor muitas vezes não podem ser reproduzidas na impressão. O valor CMYK calculado aqui é a conversão matemática padrão, ótima para ter uma ideia ou preparar um rascunho, mas para trabalhos de impressão profissional você deve sempre conferi-lo com o perfil ICC fornecido pela sua gráfica.
Quatro páginas, duas funções
Conversor de cores e Seletor de cores são a mesma ferramenta com duas entradas, o código digitado e o seletor: a mesma cor dá as mesmas linhas nas duas páginas. Para cores aleatórias existem Cor aleatória e Gerador de paletas, que são o mesmo gerador com uma cor ou cinco.