01
Leia o formato de entrada
HEX curto e longo, rgb(), hsl(), hsv(), cmyk(), lab() e oklch() são aceitos. Um valor inválido mantém a amostra anterior, mas bloqueia a cópia.
Ferramentas de cor
Conversor de cores— uma cor em sete formatos
Digite HEX, RGB, HSL, HSV, CMYK, Lab ou OKLCH e confira as saídas lado a lado.
conversor de cores
Sua cor fica nesta aba; nada é enviado ou salvo.
HEX
#3B82F6RGB
rgb(59 130 246)HSL
hsl(217.2 91.2% 59.8%)HSV
hsv(217.2, 76%, 96.5%)CMYK
cmyk(76%, 47.2%, 0%, 3.5%)Lab
lab(54.619% 8.771 -65.783)OKLCH
oklch(62.308% 0.188 259.81)Dentro da gama sRGB.
sRGB e OKLCH usam D65; CSS Lab usa D50. CMYK é uma estimativa sem perfil ICC.
Transparência
Os sete valores estão atualizados.
Uma cor da identidade visual pode vir em HEX, enquanto o CSS do projeto usa OKLCH. O conversor de cores coloca as duas escritas e a amostra visual no mesmo lugar.
HEX para RGB, RGB para HSL, conversão OKLCH e RGB para CMYK cabem nesta consulta de uma cor. O conversor de cores mostra quando um número é apenas aproximação de tela.
Por que usar este conversor de cores
Confira valor de origem e cor exibida
Aviso para cor fora da gama
Lab e OKLCH podem sair do sRGB. O conversor de cores mantém o valor original e reduz o croma OKLCH para produzir a prévia e o HEX de tela. A diferença fica explícita.
Alfa visível na amostra
HEX de quatro ou oito dígitos pode ter transparência. O xadrez no fundo deixa isso claro; os formatos CSS mantêm alfa, mas a estimativa CMYK não.
Três cuidados no fluxo
02
Separe alfa e gama
O controle de alfa altera a opacidade. Para OKLCH fora de sRGB, compare o texto original com o HEX ajustado.
03
Copie apenas o resultado atual
A conversão automática espera 350 ms depois da edição. No modo manual, use Ctrl/Cmd+Enter; valores antigos ficam indisponíveis para cópia.
Sete leituras da mesma cor
Tela e CSS
HEX, RGB e HSL descrevem a cor sRGB. HSV utiliza o eixo de valor comum em ferramentas de design.
Coordenadas perceptuais
CSS Lab usa branco D50; OKLCH usa D65. Um valor de origem fora da gama fica separado da prévia.
CMYK como referência
Os quatro percentuais vêm de uma fórmula sobre sRGB. Impressão real precisa de papel, tinta e perfil ICC definidos.
Limites para usar os valores
- Mapeamento não é sem perdas
- Lab ou OKLCH fora de sRGB não possui HEX idêntico. A prévia reduz croma, enquanto o valor original continua visível.
- CMYK não substitui a gráfica
- Não há perfil ICC nem configuração de geração de preto. Peça à gráfica a conversão final no perfil do trabalho.
- hsv() e cmyk() são notações da ferramenta
- Servem para cálculo, não como sintaxe CSS prometida. Em CSS, use HEX, rgb(), hsl(), lab() ou oklch().
- Uma cor sem histórico
- A página não extrai cor de imagem, gera paleta, calcula contraste, salva valores ou cria URL de compartilhamento.
Dúvidas sobre o conversor de cores
Como converter HEX para RGB?
Separe o HEX em pares RR, GG e BB e converta cada par de base 16 para decimal. A ferramenta mostra os três canais de imediato.
Por que o CMYK é diferente do meu programa de design?
O programa de design usa um perfil ICC para impressora e papel; esta página usa apenas uma fórmula geral, portanto os percentuais diferem.
Posso digitar o nome de uma cor?
Não. A primeira versão aceita números nas sete notações listadas, mas não nomes CSS como tomato ou rebeccapurple.
Qual a diferença entre HSV e HSB?
Nenhuma diferença matemática: HSB chama de brightness o mesmo eixo que HSV chama de value. Aqui a escrita aceita é hsv().
Minha cor é enviada para algum lugar?
Não. A conta acontece no navegador e não existe upload nem histórico persistente.
Outra dúvida sobre cores?
Experimente o conversor de cores
Confira o aviso de gama e copie o formato CSS adequado ao seu projeto.