Seletor de Cores para HEX, RGB, HSL, HSV e CMYK
O Seletor de Cores é um seletor de cores online que permite escolher qualquer cor visualmente e ler o seu valor em todos os formatos comuns de uma só vez. Arraste dentro do quadrado de cor, deslize as barras de matiz e opacidade ou digite um código HEX, e os valores HEX, RGB, RGBA, HSL, HSV e CMYK são atualizados na hora.
Ele foi feito para desenvolvedores web, designers de UI e gráficos e qualquer pessoa que precise de um código de cor exato sem ter que abrir conversores separados. O conta-gotas integrado pega uma cor direto da sua tela, enquanto o histórico e os favoritos deixam as suas cores recentes e salvas a um clique de distância.
Como Usar o Seletor de Cores
Escolha uma cor
Clique ou arraste dentro do quadrado de cor para definir a saturação (da esquerda para a direita) e o brilho (de baixo para cima). Arraste o controle de Matiz para mudar a cor base por todo o espectro de 0°–360°.
Defina a opacidade
Arraste o controle de Opacidade para deixar a cor desde totalmente transparente até totalmente sólida. A prévia em xadrez e os valores RGBA e HEX de 8 dígitos refletem o alfa que você escolher.
Ou digite um código HEX
Digite direto no campo HEX para ir a uma cor conhecida. Ele aceita valores de 3 dígitos (#FFF), 6 dígitos (#FFFFFF) e 8 dígitos (#FFFFFFAA), e o seletor se ajusta para combinar.
Copie o valor que você precisa
Use o botão de copiar ao lado de qualquer formato, ou Copiar tudo para copiar HEX, RGB, RGBA, HSL, HSV e CMYK de uma vez, cada um em sua própria linha. Clique no coração para salvar a cor nos seus favoritos.
Recursos
Seletor de cores visual
Escolha cores de forma intuitiva com um quadrado de cor HSV e controles de matiz e opacidade, todos atualizando em tempo real.
Vários formatos de cor
Leia cada cor como HEX, RGB, RGBA, HSL, HSV e CMYK ao mesmo tempo, pronta para web ou impressão.
Conta-gotas (EyeDropper)
Pegue qualquer cor de qualquer ponto da sua tela usando o conta-gotas nativo do navegador, disponível no Chrome e no Edge.
Gerador de cor aleatória
Gere uma cor nova com saturação e brilho equilibrados sempre que precisar de uma inspiração rápida.
Histórico e favoritos
Suas últimas 50 cores escolhidas são registradas automaticamente, e os favoritos ficam salvos para reuso com um clique.
Seus dados ficam privados
Todo o processamento roda no seu navegador e suas cores ficam no armazenamento local, nunca enviadas ou rastreadas.
Perguntas Frequentes
Como eu pego uma cor da minha tela?
Clique no botão de conta-gotas Pegar cor da tela e depois clique em qualquer pixel em qualquer lugar do seu monitor. O seletor lê aquela cor exata e mostra os valores HEX, RGB e outros. Isso usa o EyeDropper nativo do navegador, então funciona no Chrome e no Edge.
O que é um código de cor HEX?
Um código HEX é o formato web padrão que escreve uma cor como #RRGGBB usando dígitos hexadecimais, como #FF5733. Ele carrega a mesma informação de vermelho, verde e azul de um valor RGB como rgb(255, 87, 51), só que em uma notação mais curta. Um HEX de 8 dígitos como #FF5733AA adiciona um canal alfa (opacidade).
Como converter HEX para RGB?
Digite ou cole o código HEX no campo HEX e o valor RGB aparece na hora em sua própria caixa, pronto para copiar. Você não precisa fazer nenhuma conta; o seletor cuida das conversões de HEX, RGB, RGBA, HSL, HSV e CMYK para você ao mesmo tempo.
Quando devo usar HSL em vez de HSV?
HSL (Matiz, Saturação, Luminosidade) tem amplo suporte em CSS e na estilização web. HSV (Matiz, Saturação, Valor) é comum em ferramentas de design como Photoshop e Figma porque o Valor corresponde de perto à forma como percebemos o brilho. Os dois descrevem o mesmo seletor; escolha o que combina com a sua ferramenta.
Para que serve o CMYK?
CMYK (Ciano, Magenta, Amarelo, Preto) é o modelo de cor usado na impressão. Se você está preparando uma arte para ser impressa, copie o valor CMYK para que as suas cores fiquem mais fiéis no papel do que um valor RGB de tela ficaria.
O que faz o valor de opacidade / alfa?
A opacidade controla o quão transparente a cor é. Em 100% ela fica totalmente sólida, e em 0% fica totalmente vazada. Reduzi-la é útil para sobreposições, sombras e designs em camadas, e o alfa é refletido no valor RGBA e no código HEX de 8 dígitos.
Por que o botão do conta-gotas não aparece?
O conta-gotas depende da API EyeDropper nativa do navegador, que atualmente está disponível no Chrome e no Edge. Em navegadores que não a suportam, como Firefox e Safari, o botão fica oculto. Você ainda pode definir qualquer cor digitando o seu código HEX.
As minhas cores salvas ficam guardadas online?
Não. Os seus favoritos e o histórico ficam salvos apenas no armazenamento local do navegador, então permanecem no seu dispositivo e persistem entre as sessões. Nada é enviado, e você pode limpar o histórico ou os favoritos a qualquer momento.
Ainda não há comentários. Seja o primeiro a comentar!