English
Español
Português
Français
Deutsch
Italiano
Türkçe
Bahasa IndonesiaConversor de Cores
Cole qualquer cor (HEX, RGB, HSL, HSV, CMYK ou um nome) e receba todos os formatos na hora. Prévia ao vivo, tons e harmonias, chips de contraste, cópia em um clique. Pressione Espaço para aleatória.
O que é um conversor de cores?
Uma cor, todos os idiomas
A mesma cor pode ser escrita de vários jeitos: HEX para folhas de estilo, RGB para telas e código, HSL para montar paletas, HSV para editores de foto, CMYK para impressão, e LAB/XYZ para trabalho perceptual. Esta ferramenta traduz entre eles na hora, digite em qualquer notação e todos os equivalentes aparecem com prévia ao vivo.
Além da conversão você recebe tons e matizes, harmonias complementares, análogas e triádicas, prévias de contraste no branco e no preto, e links compartilháveis.
Como usar
01
Digite qualquer formato
HEX (#3B82F6 ou #39F), rgb(), hsl(), hsv(), cmyk(), “255,130,246” ou nomes como teal. Detectado sozinho ao digitar.
02
Copie o que precisa
Cada linha tem seu botão de copiar mais Copiar tudo. Cole direto em CSS, Tailwind, Figma ou specs de impressão.
03
Explore variações
Clique em qualquer tom ou harmonia para recarregar. Pule para o verificador de contraste e confira a legibilidade.
Exemplos reais
HEX do Figma para CSS e Tailwind
O designer passou #3B82F6, cole para receber rgb(59,130,246) para canvas, HSL para variantes de hover, e um link ?hex=… para o ticket. Fluxo mais usado em sites conversores.
Variantes de hover e temas com HSL
Precisa de botão mais escuro no hover? Mantenha matiz e saturação, baixe a leveza 10 pontos (ex. hsl(217,91%,60%) → 50%). Copie o novo HEX. Sem adivinhar, tokens de design consistentes.
Kits de marca em cada notação
Documente uma cor de marca como HEX para CSS, RGB para apps, HSL para temas e CMYK para papel timbrado, lado a lado. Clique em qualquer tom para recarregar e montar a escala completa 50-950.
Prova de embalagem impressa
Brilhos de tela mudam na prensa. Cole o HEX para ver o CMYK ingênuo (ex. azul vivo vira alto ciano/magenta), depois confirme com provas e perfis ICC antes de produzir.
Matemática de foto e canvas com HSV/RGB
Editores pensam em HSV/HSB (Photoshop), código pensa em canais RGB 0-255. Converta hsv(217,76%,96%) em canais para scripts, shaders ou pipelines de imagem.
Erros e contraste
Cor estranha entre plataformas? Converta para comparar canais exatos, confira os chips no branco e no preto, depois pule para o verificador de contraste e confira a legibilidade antes de publicar.