Pressione Ctrl+D para adicionar esta página aos favoritos
O seletor de cores é uma ferramenta online gratuita que suporta formatos HEX, RGB e HSL. Funciona inteiramente no navegador sem enviar dados a servidores.
Como usar Seletor de cores?
Selecione a cor desejada no seletor de cores.
Copie os valores HEX, RGB ou HSL.
Adicione cores a paleta para referencia.
Perguntas frequentes sobre Seletor de cores
Posso inserir um codigo de cor diretamente?
Sim, voce pode digitar um codigo HEX diretamente para selecionar uma cor exata.
Qual a diferença entre HEX, RGB e HSL, e quando usar cada um?
As três escrevem a mesma cor em notações diferentes. O HEX, como #FF5733, é curto e circula bem entre arquivos de design e CSS; o RGB expõe os canais vermelho, verde e azul, útil para calcular cores em código. O HSL separa matiz, saturação e luminosidade, sendo o mais intuitivo para criar uma variante apenas mais escura ou menos saturada.
Por que a cor escolhida na tela sai diferente na impressão?
A tela cria cor somando luz (RGB) e a impressão a subtrai sobrepondo tinta (CMYK): as duas faixas não coincidem. Verdes, laranjas e cianos quase fluorescentes não têm equivalente em tinta e saem visivelmente mais opacos. Se o material vai para impressão, evite cores muito saturadas e passe à gráfica valores CMYK ou um número Pantone em vez de um HEX.
Posso capturar com o conta-gotas uma cor de qualquer ponto da tela?
Em navegadores de desktop baseados em Chromium, como Chrome e Edge, o EyeDropper embutido permite capturar cor de qualquer janela, não só da página. Safari, Firefox e navegadores móveis ainda não implementam isso, então o botão do conta-gotas nem aparece. Nesse caso tire uma captura de tela, carregue como imagem e extraia a cor dela.
Como aproveitar Seletor de cores ao máximo?
Insira códigos HEX diretamente para encontrar rapidamente as cores exatas da sua marca.
O modo HSL facilita encontrar cores análogas ou complementares ajustando o valor de Matiz.
Salve cores na paleta para manter consistência em todo o seu projeto.