Conversor de Cores + Paleta

Conversor de Cores + Gerador de Paletas

Converta cores entre formatos HEX, RGB, HSL, HSB/HSV e CMYK instantaneamente. Escolha uma cor visualmente ou digite qualquer valor de cor CSS, cor nomeada ou string de formato bruto. A ferramenta gera todas as representações de formato simultaneamente e produz paletas baseadas em teoria das cores.

Como Usar

1. Escolha uma cor. Clique na prévia da cor para abrir o seletor de cor do sistema, digite um valor no campo de entrada ou arraste os controles deslizantes RGB
2. Leia as conversões. Todos os cinco formatos (HEX, RGB, HSL, HSB, CMYK) atualizam em tempo real
3. Copie qualquer formato. Clique em Copiar ao lado do formato que você precisa, ou Copiar Tudo
4. Gere paletas. Selecione um tipo de harmonia (complementar, análoga, triádica, etc.)
5. Verifique o contraste. A taxa de contraste WCAG contra branco e preto é mostrada automaticamente

Como os Modelos de Cor Funcionam

Cada cor na sua tela é produzida misturando luz vermelha, verde e azul em diferentes intensidades. RGB expressa isso diretamente: três canais, cada um variando de 0 a 255, dando 16,7 milhões de cores possívelis. HEX é o mesmo modelo escrito em base 16. #FF0000 é rgb(255, 0, 0).

HSL e HSB reorganizam a mesma informação em uma forma que mapeia mais de perto como humanos pensam sobre cor. Matiz (Hue) é a posição no círculo cromático em graus (0 = vermelho, 120 = verde, 240 = azul). Saturação mede quão vívida a cor é versus cinza. O terceiro eixo difere: HSL usa claridade (0% = preto, 100% = branco, 50% = cor pura), enquanto HSB usa brilho (0% = preto, 100% = intensidade total). CSS usa HSL. Ferramentas de design como Figma, Sketch e Photoshop usam HSB.

CMYK (Ciano, Magenta, Amarelo, Preto) é um modelo subtrativo para impressão. As tintas absorvem luz em vez de emiti-la. A conversão de RGB para CMYK é uma aproximação matemática porque os dois espaços de cor não cobrem o mesmo gamut.

O gerador de paletas usa o círculo cromático HSL para calcular harmonias de cor. Cores complementares estão a 180 graus de distância. Cores análogas estão a 30 graus de distância. Cores triádicas formam um triângulo equilátero no círculo.

Precisa codificar dados de cor para transporte? Codificador/Decodificador Base64 lida com codificação binária para texto. Trabalhando com parâmetros de URL que contêm valores de cor? O Codificador de URL garante que caracteres # e % sejam escapados corretamente.