Seletor de cores
Escolha qualquer cor e veja os códigos HEX, RGB e HSL, tons claros e escuros, contraste do texto, ou capture uma cor de uma imagem. Nada é enviado.
- HEX#ff6b1a
- RGBrgb(255, 107, 26)
- HSLhsl(21, 100%, 55%)
- CSS--color: #ff6b1a;
Roda no seu aparelho. Nada é enviado a um servidor.
Como funciona
Use o seletor ou digite um código HEX. Os valores RGB e HSL, a escala de tons e as verificações de contraste atualizam na hora. Toque em Copiar no formato que precisar.
Para capturar uma cor de uma foto ou captura de tela, escolha uma imagem e clique nela. A imagem fica no seu aparelho; a cor é lida do pixel clicado.
Perguntas
O que significa a razão de contraste?
Compara sua cor com texto branco e preto. As diretrizes de acessibilidade pedem pelo menos 4.5:1 para texto normal, mostrado aqui como AA.
Qual a diferença entre HEX, RGB e HSL?
Descrevem a mesma cor. HEX é a forma compacta para web, RGB informa vermelho, verde e azul de 0 a 255, e HSL usa matiz, saturação e luminosidade, mais fácil de ajustar no olho.