Como usar
- Digite uma cor na caixa de texto ou escolha no seletor.
- Logo abaixo aparecem os seis formatos, cada um com o seu botão Copiar.
São aceitos #rgb, #rrggbb, rgb(), hsl(), hsv(), cmyk() e oklch(), com vírgulas ou espaços entre os valores e unidades % e deg opcionais. É sintaxe CSS, então os decimais são escritos com ponto: oklch(55% 0.17 262).
Como as conversões funcionam
- HSL e HSV reorganizam o RGB em matiz (o ângulo no círculo cromático), saturação e luminosidade ou valor.
- CMYK é calculado como
K = 1 − max(R, G, B), e os outros canais são escalados com o que sobra. - OKLCH converte o sRGB para luz linear, depois para o espaço Oklab e, por fim, para a forma polar (luminosidade, croma, matiz).
Exemplo
O azul #3366cc é rgb(51, 102, 204), hsl(220, 60%, 50%), hsv(220, 75%, 80%), cmyk(75%, 50%, 0%, 20%) e oklch(53.2% 0.168 262.3), ou seja, uma luminosidade OKLCH de 53,2% e um matiz de 262,3°. O vermelho puro #ff0000 é oklch(62.8% 0.258 29.2).
Dicas
- Tons de cinza não têm um matiz que faça sentido; ele aparece como 0.
- A transparência (alfa) não é processada: informe a cor opaca.
- Para impressão, peça os valores CMYK à gráfica: com o perfil dela, eles serão outros.