Seletor de cor online
Escolha uma cor visualmente e obtenha instantaneamente seu valor em HEX, RGB e HSL.
Pick a color to see its values.
HEX
#0B6E63
RGB
rgb(11, 110, 99)
HSL
hsl(173, 82%, 24%)
Escolha uma cor visualmente com o seletor nativo do navegador e obtenha instantaneamente o seu valor em HEX, RGB e HSL.
Usa o input nativo type="color" do navegador e calcula automaticamente os seus equivalentes nos três formatos de cor mais usados em CSS.
Casos de uso
- Escolher rapidamente uma cor e copiar o seu código CSS.
- Explorar visualmente diferentes tons.
- Obter os três formatos da mesma cor de uma só vez.
Como funciona
- 1
Abra o seletor
Clique na amostra de cor para abrir o seletor nativo.
- 2
Copie o formato que precisar
Copie o valor em HEX, RGB ou HSL com um clique.
Perguntas frequentes
Que formatos oferece?
HEX, RGB e HSL simultaneamente, cada um com o seu próprio botão de cópia.
Em que difere do gerador de cores aleatórias?
Este seletor serve para escolher você mesmo uma cor concreta de forma visual; se quiser uma cor ao acaso com um clique, use o gerador de cores aleatórias.
Funciona no telemóvel?
Sim, usa o seletor de cor nativo do sistema, que no telemóvel abre como o seletor de cor habitual do iOS ou Android.
A cor escolhida é enviada a algum servidor?
Não, todo o cálculo de formatos ocorre no seu navegador.
Ferramentas relacionadas
- Gerador de Cores AleatóriasGera uma cor HEX aleatória.
- Gerador de Border RadiusCria border-radius CSS com preview.
- Gerador de Box ShadowCria sombras CSS com preview ao vivo.
- Gerador de Gradientes CSSCria gradientes CSS com preview.
- Verificador de Contraste WCAGVerifica o contraste WCAG entre duas cores.