Pular para o conteúdo

Conversor RGB para CMYK (código de cor)

Converta valores RGB para CMYK na hora e de graça. ex.: rgb(59, 130, 246) → cmyk(76%, 47%, 0%, 4%). Valores aproximados para impressão.

Roda no seu navegador

CMYK (ciano, magenta, amarelo, preto) é o modelo subtrativo da impressão. Cole um valor RGB e devolvemos uma decomposição CMYK aproximada - uma estimativa rápida antes da impressão (o resultado exato depende do perfil da impressora).

1.00
CMYK

cmyk(96% 51% 0% 0%)

HEX

#0a7cff

CSS rgb()

rgb(10 124 255)

CSS hsl()

hsl(212 100% 52%)

HSV

hsv(212 96% 100%)

CSS oklch()

oklch(0.608 0.215 257.4)

#0A7CFF

Melhor contraste com

texto pretorazão 5.34:1 (WCAG AA exige 4,5:1)

Como usar

  1. Escolha o formato de entrada

    HEX, RGB, HSL, HSV/HSB, CMYK, OKLCH ou nome CSS no seletor de formato.

  2. Digite ou cole sua cor

    Insira o valor - ou use o seletor de cor e o controle alfa - e os outros formatos atualizam ao vivo.

  3. Copie o formato que precisa

    Use o botão de copiar ao lado do formato esperado pelo seu destino.

O que é?

Um conversor de cores traduz entre os formatos que CSS, ferramentas de design e editores de imagem usam de forma um pouco diferente. HEX (#0a7cff) é o atalho legado de um triplo RGB. RGB descreve intensidades vermelho/verde/azul. HSL é mais intuitivo para ajustar tonalidades. OKLCH é o novo modelo perceptualmente uniforme do CSS Color Level 4.

Quando usar

Quando uma cor migra entre contextos: copiar uma cor de marca de um SVG (HEX) para um sistema de variáveis CSS (HSL ou OKLCH), traduzir um pixel de screenshot (RGB) em token, gerar variantes acessíveis. Útil também para checar contraste WCAG.

Erros comuns

Não assuma que a luminosidade do HSL é perceptual - não é. hsl(60 100% 50%) (amarelo) e hsl(240 100% 50%) (azul) têm a mesma luminosidade no número mas luminâncias muito diferentes; OKLCH corrige. E não trunque canais HEX no meio da conversão: arredonde no fim.

FAQ

Por que OKLCH?
OKLCH é o novo formato do CSS Color Level 4. Diferente do HSL, é perceptualmente uniforme: ajustar luminosidade ou croma não desloca o tom.

Conversor de Cores (HEX, RGB, HSL)

Converta cores entre HEX, RGB, HSL, HSV, CMYK e OKLCH.

Experimentar

Mais nesta categoria