Seletor de cores
Escolha uma cor e veja os valores HEX, RGB e HSL na hora, no seu navegador.
Como usar a ferramenta Seletor de cores
- Clique na amostra de cor para abrir o seletor de cores do navegador.
- Escolha uma cor ou cole um valor HEX no seletor.
- Clique em Executar para ver os valores HEX, RGB e HSL da cor.
Como funciona a ferramenta Seletor de cores
O seletor do navegador devolve um código HEX, que a ferramenta divide nos canais vermelho, verde e azul (de 0 a 255) para obter o valor RGB. Depois converte RGB em HSL: a luminosidade é a média entre o maior e o menor canal, a saturação mede o quanto a cor se afasta do cinza e o matiz é o ângulo no círculo cromático, de 0° (vermelho) passando por 120° (verde) até 240° (azul).
Os três formatos descrevem a mesma cor e podem ser usados de forma intercambiável no CSS, por exemplo #3498DB, rgb(52, 152, 219) e hsl(204, 70%, 53%).
Perguntas frequentes
- Esta ferramenta é grátis?
- Sim. Escolha e converta cores sem custo e sem precisar de cadastro.
- Quais formatos ela mostra?
- As representações HEX, RGB e HSL da cor escolhida, prontas para colar no seu CSS.