Seletor de Cores
Selecione cores, extraia de imagens, gere paletas e verifique contrastes. Suporta HEX, RGB, HSL, HSV e CMYK.
Extração de Cor de Imagem
Arraste uma imagem ou clique para enviar
Cores Dominantes
Adicione cores à sua paleta
Texto de exemplo em tamanho normal (14px)
Texto Grande de Exemplo
Razão de Contraste
21:1
AA Texto normal
Passa
AA Grande
Passa
AAA Texto normal
Passa
AAA Grande
Passa
90°
Quando Usar Este Seletor de Cores
Nosso seletor de cores gratuito ajuda designers e desenvolvedores a trabalhar com cores:
-
Design Web
Selecione cores perfeitas para sites e verifique razões de contraste para conformidade de acessibilidade.
-
Identidade de Marca
Crie paletas de cores harmoniosas para logos, materiais de marketing e diretrizes de marca.
-
Correspondência de Cor de Imagem
Extraia cores de fotos para combinar elementos de design com imagens existentes.
-
Desenvolvimento CSS
Gere gradientes CSS e exporte paletas de cores como propriedades personalizadas CSS.
-
Testes de Acessibilidade
Verifique se as combinações de texto e fundo atendem aos padrões WCAG AA e AAA.
Como Usar o Seletor de Cores
Começando
- Clique e arraste no quadrado de cor para selecionar saturação e brilho
- Use o controle de matiz para mudar a cor base
- Ajuste a opacidade com o controle alfa se necessário
- Copie qualquer formato de cor clicando no botão ao lado
Recursos
- Seletor de cores interativo com pré-visualização em tempo real
- Extraia cores de qualquer imagem com o conta-gotas
- Gere combinações de cores harmoniosas automaticamente
- Crie paletas personalizadas e exporte como CSS ou JSON
- Verifique o contraste de cor WCAG para acessibilidade
- Crie gradientes CSS com o editor visual
Atalhos de Teclado
- Ctrl+C: Copiar cor HEX atual
- Ctrl+V: Colar e aplicar cor da área de transferência
- 1-4: Alternar entre abas de recursos
Dicas
- Envie uma imagem para extrair automaticamente suas cores dominantes
- Use o verificador de contraste para garantir a legibilidade do texto
- Exporte sua paleta para variáveis CSS para uso fácil em projetos