Este seletor de cores começa com uma amostra visual e mantém os números exactos por perto. Pode colar um valor hex de CSS como #3366cc, ajustar os canais vermelho, verde, azul e alfa, ou afinar matiz, saturação e luminosidade para trabalho de design system. Nenhum valor de cor é carregado - as conversões acontecem localmente em JavaScript.
Seletor de cores grátis
Funciona inteiramente no navegador - sem carregar nada, sem registo.
Seleccionada#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)O que é um seletor de cores?
Um seletor de cores é uma ferramenta para escolher uma cor digital exacta e copiar os seus valores para design ou código. Use a amostra, o campo HEX, os controlos RGB ou as opções HSL e copie de imediato valores HEX, RGB, HSL, HSV ou CMYK. Tudo funciona no navegador.
Como utilizar
- 1Escolha ou cole uma cor. Clique na amostra grande para abrir o seletor de cores do navegador, ou cole um valor hex de 3, 4, 6 ou 8 dígitos no campo HEX.
- 2Ajuste os canais. Use os controlos RGB para vermelho, verde, azul e alfa, ou edite matiz, saturação e luminosidade quando quiser um controlo mais adequado a design.
- 3Copie o formato de que precisa. Copie HEX, HEX8, RGB, HSL, HSV ou CMYK com um clique. A pré-visualização e todos os resultados são actualizados em tempo real.
Para quem é
- Programadores front-end que copiam valores HEX, RGB e HSL prontos para CSS enquanto constroem interfaces.
- Designers que ajustam uma cor de marca por canal, em vez de a tentar adivinhar numa aplicação gráfica.
- Equipas de marketing que alinham cores de campanha em editores de email, documentos e materiais para redes sociais.
- Estudantes e criadores que aprendem como RGB, HSL, HSV e CMYK descrevem a mesma cor.
Perguntas frequentes
Este seletor de cores é grátis?
Sim. O seletor de cores é grátis, não exige registo e não tem limite de utilização. Abra a página, escolha uma cor e copie o formato de que precisa.
As minhas cores são carregadas para algum lado?
Não. O seletor e as conversões correm no navegador com JavaScript simples. As cores escolhidas não são enviadas para um servidor.
Que formatos de cor posso copiar?
Pode copiar HEX, HEX de 8 dígitos com alfa, RGB ou RGBA, HSL ou HSLA, HSV e CMYK. A ferramenta mantém tudo sincronizado enquanto edita.
Posso colar uma cor hex?
Sim. Cole valores hex de CSS com 3, 4, 6 ou 8 dígitos, com ou sem o símbolo #. Os valores abreviados expandem-se segundo as regras normais de CSS.
O que é HEX8?
HEX8 é uma cor hex de 8 dígitos em que o último par guarda o alfa. Por exemplo, #3366cc80 é o mesmo azul com cerca de 50% de opacidade.
Devo usar RGB ou HSL em CSS?
Use RGB quando precisar de valores exactos dos canais ou de alfa com rgba(). Use HSL quando quiser criar tons claros, sombras ou estados de UI relacionados ao mudar saturação e luminosidade.