Este seletor de cor começa com uma amostra visual e deixa os números precisos sempre por perto. Você pode colar um valor hex de CSS como #3366cc, ajustar os canais vermelho, verde, azul e alfa, ou refinar matiz, saturação e luminosidade para trabalhar com design systems. Nenhum valor de cor é enviado - as conversões acontecem localmente em JavaScript.
Seletor de Cor Grátis
Funciona inteiramente no seu navegador - sem upload, sem cadastro.
Selecionada#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 cor?
Um seletor de cor é uma ferramenta para escolher uma cor digital exata e copiar seus valores para design ou código. Use a amostra, o campo HEX, os controles RGB ou os ajustes HSL, e copie na hora valores HEX, RGB, HSL, HSV ou CMYK. Tudo roda direto no navegador.
Como usar
- 1Escolha ou cole uma cor. Clique na amostra grande para abrir o seletor de cor do navegador, ou cole um valor hex de 3, 4, 6 ou 8 dígitos no campo HEX.
- 2Ajuste os canais. Use os controles RGB para vermelho, verde, azul e alfa, ou edite matiz, saturação e luminosidade quando quiser um controle mais confortável para design.
- 3Copie o formato necessário. Copie HEX, HEX8, RGB, HSL, HSV ou CMYK com um clique. A prévia e todos os resultados são atualizados ao vivo.
Para quem é
- Desenvolvedores front-end copiando valores HEX, RGB e HSL prontos para CSS enquanto constroem interfaces.
- Designers ajustando uma cor de marca por canal em vez de tentar acertar no olho dentro de um app gráfico.
- Times de marketing combinando cores de campanha entre editores de email, documentos e peças para redes sociais.
- Estudantes e criadores aprendendo como RGB, HSL, HSV e CMYK descrevem a mesma cor.
Perguntas frequentes
Esse seletor de cor é grátis?
Sim. O seletor de cor é grátis, não exige cadastro e não tem limite de uso. Abra a página, escolha uma cor e copie o formato de que precisa.
Minhas cores são enviadas para algum lugar?
Não. O seletor e as conversões rodam no seu navegador com JavaScript simples. As cores selecionadas não são enviadas para um servidor.
Quais formatos de cor posso copiar?
Você 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 você 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 #. Valores abreviados são expandidos pelas regras normais do 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 no CSS?
Use RGB quando precisar de valores exatos por canal ou alfa com rgba(). Use HSL quando quiser criar tons, sombras ou estados de interface relacionados mudando saturação e luminosidade.