Como escolher uma cor online - HEX, RGB e HSL
Um seletor de cores permite escolher uma cor e ler na hora seus valores HEX, RGB e HSL. Escolha um tom, copie o valor para o seu CSS e veja paletas complementares, analogas e de tons. Uma leitura de contraste indica se o texto sobre a cor fica legivel. Tudo roda no seu navegador, sem upload e sem conta.
Last reviewed: 2026-06-15
| Propriedade | Valor |
|---|---|
| Formato | Online, sem instalar, sem cadastro |
| Custo | Gratis |
| Ferramenta de implementacao | https://freetoolonline.com/developer-tools/color-picker.html |
Passos
- Abra a caixa de cor e escolha um tom.
- Leia os valores HEX, RGB e HSL; clique em Copiar para colocar um na area de transferencia.
- Use uma amostra complementar, analoga ou de tom como a proxima cor clicando nela.
- Salve as cores que voce reutiliza nos favoritos; as cores recentes sao lembradas automaticamente.
HEX, RGB e HSL
HEX e um codigo de seis digitos como #3366FF. RGB lista os canais vermelho, verde e azul de 0 a 255. HSL informa matiz (0 a 360 graus), saturacao e luminosidade em porcentagem. A ferramenta mostra os tres para a cor escolhida, alem de uma leitura de contraste baseada na formula de luminancia relativa da WCAG para avaliar a legibilidade.
| Cor | HEX | RGB |
|---|---|---|
| Branco | #FFFFFF | rgb(255, 255, 255) |
| Preto | #000000 | rgb(0, 0, 0) |
| Vermelho | #FF0000 | rgb(255, 0, 0) |
| Verde | #00FF00 | rgb(0, 255, 0) |
| Azul | #0000FF | rgb(0, 0, 255) |
Privacidade
Tudo roda no seu navegador. Favoritos e cores recentes ficam no seu dispositivo, nada e enviado e nao ha conta para criar.