Conversor de unidades
Comprimento, peso, volume, temperatura e mais.
Conversor de cores
Converta uma cor entre HEX, RGB, HSL, HSV e CMYK e confira o contraste do texto.
- HEX
- #4f46e5
- RGB
- rgb(79, 70, 229)
- HSL
- hsl(243, 75%, 59%)
- HSV
- hsv(243, 69%, 90%)
- CMYK
- cmyk(66%, 69%, 0%, 10%)
Contraste do texto (WCAG)
- Texto branco sobre esta cor
- 6.29:1 Passa no AA
- Texto preto sobre esta cor
- 3.34:1 Só texto grande
Seus arquivos ficam no seu dispositivo
Como funciona
- 1Digite uma cor em qualquer formato ou escolha uma com o seletor de cores.
- 2Veja a mesma cor em todos os formatos.
- 3Copie o que você precisa.
- 4Confira as linhas de contraste para ver se o texto sobre ela é legível.
O que cada opção faz
- Entradas aceitas
- #rgb, #rrggbb, #rrggbbaa, rgb(), hsl() e nomes de cores CSS como tomato.
- Contraste
- A razão WCAG contra branco e preto. 4,5:1 é o nível AA para texto normal.
Privacidade
Tudo é calculado no seu navegador. Nada do que você digita é enviado a um servidor.
Perguntas frequentes
Qual formato devo usar em um site?
Qualquer um funciona no CSS. HEX é o mais comum e curto. HSL é mais fácil de ajustar à mão, pois luminosidade e saturação são separadas.
Posso usar o valor CMYK para impressão?
Só como referência aproximada. As gráficas convertem com perfis de cor, e cores vivas de tela costumam sair mais opacas na impressão.
Qual é o número em um hex de oito dígitos?
Os dois últimos dígitos definem a opacidade, de 00 (transparente) a ff (sólido).
Por que a minha cor não foi reconhecida?
Use um código HEX válido, a forma rgb() ou hsl(), ou um nome de cor CSS. Nomes de outras ferramentas não são nomes CSS.
Esta é a mesma ferramenta de Ferramentas para desenvolvedores?
Sim, o mesmo conversor. Ele aparece nos dois lugares para você encontrá-lo por qualquer um.