Sobre a cor CMYK

A cor CMYK é um modelo de cor que representa cores com quatro componentes: ciano, magenta, amarelo e preto (key plate). É usada principalmente em impressão e editoração eletrônica, e se baseia na mistura subtrativa, em que as cores são produzidas pela sobreposição de tintas.

Em CMYK, cada componente é representado no intervalo de 0% a 100%. Em geral, C, M e Y representam o tom da cor, enquanto K representa a quantidade de preto. Quando todos os componentes são 0%, a cor é branca; quando K é 100%, a cor fica próxima do preto.

Para incluir transparência, adicione um valor alfa. Por exemplo, o vermelho semitransparente pode ser representado como device-cmyk(0% 100% 100% 0% / 0.5).

Perfis de cor

O DenCode permite escolher vários perfis de cor. Os perfis compatíveis estão listados abaixo.

Cores CMYK com um “perfil ICC” ou “perfil de cor aproximado” são representadas no formato de espaço de cor personalizado CSS color(--profile C% M% Y% K%). Para usá-las em CSS real, especifique o perfil ICC correspondente com @color-profile.

@color-profile --swop2013-c3 {
  src: url("path/to/SWOP2013C3_CRPC5.icc");
}

.foo {
  background-color: color(--swop2013-c3 0% 100% 100% 0%);
}

Perfis de cor aproximados calculam cores CMYK aproximadas com base em Characterization data publicados. Por isso, mesmo usando um perfil ICC semelhante com @color-profile no CSS, a cor exibida pode diferir ligeiramente.

Diferença entre CMYK e RGB

CMYK é um modelo de cor subtrativo para tintas de impressão. Já RGB é um modelo aditivo para luz, como em telas. Mesmo para cores que parecem iguais, os valores dos componentes CMYK e RGB podem ser muito diferentes.