Escolha cores e cópia HEX, RGB, HSL
Escolha cores e obter valores HEX, RGB, HSL instantaneamente.
Como utilizar o Selector de Cores
Escolha uma cor
Escolha entre o espectro, digite um valor HEX, RGB ou HSL, ou carregue uma imagem e clique em qualquer pixel para amostra-lo.
Ler todos os formatos
HEX, RGB e HSL são mostrados juntos e permanecem em sincronia conforme você se ajusta.
Copiar o que precisa
Copie qualquer formato em um clique, ou varie a leveza para construir tons e tons.
Sobre o Selector de Cores
HEX, RGB e HSL descrevem a mesma cor, e cada um é mais fácil para um trabalho diferente. HEX é compacto e é o que a maioria dos CSS e ferramentas de design esperam. RGB mapeia como uma tela realmente emite luz e é o que você precisa quando trabalha com dados de tela ou imagem. HSL separa matiz da saturação e leveza, o que faz com que seja o único dos três que você pode ajustar à mão e prever o resultado.
Esta ferramenta mostra os três de uma só vez para qualquer cor que você pousar, e copia qualquer um deles em um clique. Você pode escolher visualmente a partir do espectro, digitar um valor em qualquer formato para convertê-lo para os outros, ou carregar em uma imagem e clicar em um pixel para ler a sua cor exata, que é a maneira mais rápida de combinar uma cor de marca de um logotipo ou captura de tela.
A vista HSL é o que torna a construção de uma paleta coerente prática. Mantenha o matiz e saturação corrigidos e varie apenas a leveza, e você obtém um conjunto de matizes e tons que pertencem genuinamente a todos, em vez das aproximações desiguais que você obtém de nudging valores HEX até que eles olhem para o lado certo. Tudo corre no seu navegador, incluindo a amostragem de imagens, de modo que as imagens que você carrega nunca são enviadas.
Perguntas mais frequentes
- Qual é a diferença entre HEX, RGB e HSL?
- Todos os três descrevem a mesma cor. HEX é compacto e comum em CSS, mapas RGB para como telas emitem luz, e HSL é mais fácil de ajustar à mão.
- Posso ter uma cor de uma imagem?
- Sim. Carregue numa imagem e clique em qualquer pixel para ler o seu valor exacto.
- Como faço tons mais claros ou escuros?
- Ajuste o canal de leveza em HSL. Manter matiz e saturação fixa dá-lhe um conjunto consistente de matizes e tons.