Converta qualquer cor entre HEX, RGB, HSL, HSV e CMYK — e veja se o texto sobre ela fica legível.
Uso gratuitoSem cadastroProcessado localmente
Designers, desenvolvedores e profissionais de marketing vivem passando cores entre ferramentas que usam formatos diferentes: o CSS usa HEX ou RGB, apps de design usam HSL ou HSV e a gráfica usa CMYK. O conversor de cores da RIZONI TOOLS traduz entre todos eles em tempo real.
Ele também calcula a taxa de contraste WCAG de texto branco e preto sobre a sua cor, para você escolher combinações acessíveis.
Como usar: Conversor de cores
Digite uma corDigite um valor em qualquer formato aceito ou use o seletor de cor.
Veja todos os formatosOs valores HEX, RGB, HSL, HSV e CMYK atualizam na hora.
Confira o contrasteVeja se texto branco ou preto sobre a cor atende WCAG AA ou AAA.
CopieCopie qualquer valor com um clique.
Recursos
HEX, HEX de 3 dígitos e HEX de 8 dígitos com alfa
RGB e RGBA
HSL e HSLA
HSV / HSB
CMYK
Seletor de cor integrado
Contraste WCAG com texto branco e preto
Cópia com um clique em todos os formatos
Por que usar: Conversor de cores?
Passe cores entre ferramentas de design e código sem erros.
Monte combinações de cores acessíveis.
Tenha valores prontos para CSS na hora.
Grátis, rápido e privado.
Entendendo os formatos
HEX e RGB descrevem uma cor pelos componentes de luz vermelha, verde e azul — a linguagem nativa das telas e do CSS. HSL (matiz, saturação, luminosidade) e HSV (matiz, saturação, valor) descrevem as mesmas cores de um jeito mais fácil de ajustar, por exemplo para clarear uma cor ou deixá-la menos saturada.
CMYK (ciano, magenta, amarelo e preto) descreve tinta no papel. A conversão mostrada aqui é uma aproximação matemática; a cor impressa real depende da impressora, do papel e do perfil de cor, então confirme cores importantes da sua marca com a gráfica.
O que significa a taxa de contraste
As Diretrizes de Acessibilidade para Conteúdo Web (WCAG) recomendam contraste mínimo de 4,5:1 para texto normal (nível AA) e 3:1 para texto grande. 7:1 atende ao nível AAA, mais rigoroso. Verificar o contraste ajuda a deixar seus designs legíveis para todos, incluindo pessoas com baixa visão.
Privacidade e segurança
Esta ferramenta funciona totalmente no seu navegador. Seus arquivos são processados no seu próprio dispositivo e não são enviados aos nossos servidores. Ao fechar a página, os dados somem.
Perguntas frequentes
Como converter HEX para RGB?
Digite ou cole o código HEX (por exemplo, #3043D9) no campo. O valor RGB aparece logo abaixo.
Aceita transparência?
Sim. Valores HEX de 8 dígitos, RGBA e HSLA mantêm o canal alfa.
O valor CMYK é exato?
É uma conversão matemática padrão. O resultado impresso depende do perfil de cor da impressora.
O que significa AA ou AAA?
São níveis de acessibilidade WCAG para contraste de texto. AA exige 4,5:1 para texto normal; AAA exige 7:1.
Quais formatos de entrada são aceitos?
HEX (#RGB, #RRGGBB, #RRGGBBAA), rgb(), rgba(), hsl(), hsla(), hsv() ou hsb() e cmyk().