O que é Conversor de cores?

O Conversor de Cores traduz entre os formatos HEX, RGB, HSL, HSV e CMYK. Escolha uma cor ou digite um valor, e veja o resultado em todos os formatos com uma pré-visualização ao vivo.

Escolha pelo seletor visual ou digite em qualquer um dos cinco campos vinculados — HEX, RGB, HSL, HSV, CMYK — e os demais se atualizam na hora. HSV (às vezes escrito HSB) aparece ao lado de HSL, o que ajuda quando você trabalha com valores do Photoshop ou Sketch que não aparecem em ferramentas de CSS puras.

Como usar

1. Passo 1 — Escolha uma cor visualmente com o seletor interativo ou digite um valor em qualquer campo de formato.
2. Passo 2 — Todos os campos de formato atualizam de uma vez, para que você veja sempre o valor equivalente em cada formato.
3. Passo 3 — Copie o valor de qualquer formato ou use o seletor de cores para ajustar. Todos os campos atualizam ao vivo.

Quando usar

• Coletar uma cor pelo seletor e copiar o CMYK equivalente para um arquivo do Illustrator.
• Ajustar valores HSV de uma paleta do Photoshop e ler o HSL equivalente para CSS.
• Montar uma paleta do zero arrastando o seletor e anotando o HEX a cada parada.

Resultado

Um designer gráfico precisa dos valores CMYK para a cor web rgb(0, 128, 255). A ferramenta converte para cmyk(100%, 50%, 0%, 0%) para uma reprodução impressa precisa.

Perguntas frequentes

Por que ter HSL e HSV se parecem iguais?

HSL anda junto com CSS e a maioria das ferramentas web; HSV (também HSB) é padrão em Photoshop, Sketch e nos seletores nativos do macOS e Windows. Designers transitam entre esses mundos o tempo todo, então o conversor entrega os dois e poupa uma conversão extra.

Posso editar qualquer campo ou só o seletor?

Todos os campos aceitam edição. Digite um HEX ou mude os números de RGB / HSL / HSV / CMYK e o seletor mais os outros campos se acertam. A cor fica sincronizada não importa qual campo você mexa.

Por que num cinza o HSL mostra 0 em matiz e saturação?

Um cinza puro não tem matiz e a saturação é 0. Por convenção, quando a saturação é 0 o HSL grava matiz também como 0, porque o cinza não ocupa lugar definido na roda de cores. É matematicamente correto, embora se confunda com "falta dado".

O que significa o canal K do CMYK?

K vem de Key, que na prática é o preto. Acrescentar K em vez de misturar C+M+Y para chegar perto do preto economiza tinta colorida cara e evita o marrom sujo que a mistura CMY pura costuma gerar. O conversor calcula o K sozinho.

O seletor funciona com caneta ou toque?

Funciona. O seletor de cor é um input padrão do navegador, então mouse, dedo, caneta e trackpad respondem igual. No celular tocar abre o seletor do sistema; no desktop clicar abre a roda. Para valores exatos, os campos numéricos são mais práticos.

Ferramentas relacionadas