Precisa mostrar uma cor de impressão na tela? Converter CMYK para RGB dá o equivalente baseado em luz das suas percentagens de tinta — os valores que um monitor, um mockup ou uma página web podem realmente exibir.
Como funciona a conversão de CMYK para RGB
- Use as quatro porcentagens como quantidades de tinta para o perfil Coated FOGRA39.
- Leia a cor que o perfil imprime para essa mistura de tintas, usando a intenção de renderização Colorimétrico Relativo com Compensação de Ponto Preto.
- Converta essa cor para sRGB. As cores que uma tela não consegue mostrar são limitadas à mais próxima que ela consegue mostrar.
- Arrede cada canal para um número inteiro entre 0 e 255.
Exemplo prático
O resultado RGB mostra como essa mistura de tintas fica em papel couchê com o perfil padrão Coated FOGRA39. Outros perfis CMYK (por exemplo, o da sua gráfica) geram números diferentes, e uma peça impressa nunca brilha como uma tela.
CMYK e RGB explicados
O que é CMYK?
CMYK é o modelo de quatro tintas usado na impressão: ciano, magenta, amarelo e key (preto), cada um como percentagem de 0 a 100. A tinta subtrai luz em vez de a emitir, por isso o CMYK cobre menos cores que um ecrã — o que explica porque cores vibrantes do ecrã muitas vezes parecem mais baças quando impressas.
- Sintaxe:
- cmyk(C%, M%, Y%, K%)
- Intervalo:
- 0–100% por tinta
- Melhor para:
- impressão, packaging, arte pronta para impressão
O que é RGB?
RGB descreve uma cor como três canais de luz — vermelho, verde e azul — cada um de 0 a 255. Espelha como os ecrãs realmente funcionam: todos os três a 255 produzem branco, todos a 0 produzem preto. RGB é a escolha certa sempre que precisas de calcular com uma cor, e rgba() adiciona transparência por cima.
- Sintaxe:
- rgb(R, G, B)
- Intervalo:
- 0–255 por canal
- Melhor para:
- código, canvas, transparência com rgba()
Tabela de referência CMYK para RGB
As cores CSS mais comuns, convertidas de CMYK para RGB.
| Cor | CMYK | RGB |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | rgb(1, 1, 1) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 95%, 92%, 0%) | rgb(229, 36, 32) |
| lime | cmyk(64%, 0%, 100%, 0%) | rgb(105, 180, 45) |
| blue | cmyk(93%, 75%, 0%, 0%) | rgb(44, 74, 154) |
| yellow | cmyk(9%, 0%, 96%, 0%) | rgb(244, 230, 0) |
| orange | cmyk(0%, 43%, 94%, 0%) | rgb(246, 162, 22) |
| teal | cmyk(83%, 27%, 48%, 12%) | rgb(9, 129, 128) |
| purple | cmyk(63%, 100%, 4%, 1%) | rgb(125, 33, 126) |
| gray | cmyk(48%, 39%, 39%, 21%) | rgb(129, 128, 127) |