Conversor de Formatos de Cor

Converta códigos de cores entre HEX, RGB, HSL, HSV e CMYK com precisão matemática.

Mídia e PDF
100% Client-Side · Privado e Seguro
Conversor de Formatos de Cor

Converta códigos de cores entre HEX, RGB, HSL, HSV e CMYK com precisão matemática.

Central de Conhecimento e Guia

Conversor de Formatos de Cor: Espaços HEX, RGB, HSL e CMYK

Conversor de Formatos de Cor: Espaços HEX, RGB, HSL e CMYK

Esta ferramenta opera 100% do lado do cliente. Suas fotos, vídeos, arquivos de áudio e documentos PDF nunca são enviados a servidores externos, garantindo privacidade completa.

Fórmula e Método de Cálculo

RGB(r,g,b) ➔ Matiz ➔ Saturação ➔ Luminosidade ➔ Matriz de formato base

Converting between spaces requires floating point math. For example, converting RGB to HSL requires identifying the maximum and minimum RGB values to calculate perceived luminance before extracting the angular hue.

Melhores Práticas e Dicas

  • Use CMYK for Physical Print: The RGB color space uses emitted light, meaning it can create neon, hyper vibrant colors that are physically impossible to replicate using CMYK ink on paper. Always convert and preview in CMYK before printing.
  • Use Complementary Schemes for Call to Actions (CTAs): A complementary color sits directly across the color wheel. If your brand is primary Blue, a complementary Orange button will create the highest possible optical contrast.
  • Beware of Saturation Traps in HSL: Scaling the lightness down in HSL while keeping saturation at 100% often creates muddy, hyper saturated colors. Pro designers naturally decrease saturation slightly as colors get darker.

Perguntas Frequentes

O que é HSV vs HSL?
HSV significa Hue, Saturation, Value (Matiz, Saturação, Valor), onde 100% de Valor é a cor pura. HSL significa Hue, Saturation, Lightness (Matiz, Saturação, Luminosidade), onde 100% de Luminosidade é o branco puro. O CSS usa HSL, não HSV.
Por que minha conversão para CMYK pareceu desbotada?
O espaço de cores CMYK é fisicamente menor do que o RGB. Azuis e verdes extremamente vibrantes em RGB simplesmente não podem ser reproduzidos na mistura de tintas padrão Ciano, Magenta, Amarelo e Preto, então o conversor os ajusta ao equivalente imprimível mais próximo.
O que é um esquema de cores Análogo?
Um esquema análogo utiliza três cores situadas diretamente lado a lado no círculo cromático (por exemplo, Vermelho, Vermelho-Alaranjado, Laranja). Isso cria uma estética muito harmoniosa e de baixo contraste.