Conversor de cores

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

  1. Digite uma corDigite um valor em qualquer formato aceito ou use o seletor de cor.
  2. Veja todos os formatosOs valores HEX, RGB, HSL, HSV e CMYK atualizam na hora.
  3. Confira o contrasteVeja se texto branco ou preto sobre a cor atende WCAG AA ou AAA.
  4. 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().

Ferramentas relacionadas