Seletor e Conversor de Cores
Escolha qualquer cor visualmente e converta instantaneamente entre HEX, RGB, HSL, HSV e CMYK. Verifique as proporções de contraste WCAG para acessibilidade e extraia cores diretamente de imagens enviadas.
Seletor de Cores
Opacidade
#3B82F5
Formatos de Cor
Verificador de Contraste
Proporção de contraste
21.00:1
Selecionar da Imagem
Como usar esta ferramenta
- Arraste o círculo na tela de cores para escolher matiz, saturação e brilho, ou mova o controle deslizante de matiz abaixo.
- Edite qualquer campo de formato — HEX, RGB, HSL, HSV ou CMYK — e todos os outros campos serão atualizados imediatamente.
- Clique no ícone de copiar ao lado de qualquer formato para copiar esse valor para a área de transferência.
- Use a seção Verificador de Contraste para inserir duas cores e ver a classificação de aprovação/reprovação WCAG AA e AAA para texto acessível.
- Envie uma imagem na seção 'Selecionar da imagem' e clique em qualquer pixel para extrair sua cor para todos os campos de formato.
Por que usar nosso Seletor e Conversor de Cores?
Seja construindo um sistema de design, verificando conformidade de acessibilidade ou combinando cores de marca em código, você precisa de uma ferramenta de cores rápida e precisa. Este conversor funciona inteiramente no seu navegador — nenhuma imagem ou dado de cor é enviado para um servidor.
Perguntas Frequentes
Qual é a diferença entre HEX, RGB e HSL?
HEX (#3b82f6) é a notação compacta usada em CSS e HTML — três pares de dígitos hexadecimais que codificam os canais vermelho, verde e azul. RGB (rgb(59, 130, 246)) torna esses canais explícitos como números decimais de 0 a 255. HSL (hsl(217, 91%, 60%)) descreve a mesma cor como Matiz (0–360°), Saturação (%) e Luminosidade (%) — um modelo mais intuitivo quando você quer ajustar o brilho ou criar harmonias de cores.
O que é CMYK e quando devo usá-lo?
CMYK significa Ciano, Magenta, Amarelo e Preto (Key). É um modelo de cores subtrativo usado em impressão física. Use valores CMYK ao preparar arte para uma gráfica profissional. Observe que a conversão RGB para CMYK mostrada aqui é uma aproximação matemática — a produção profissional de impressão requer um perfil de cor ICC específico para a impressora e o papel de destino.
O que significa WCAG AA e AAA para contraste?
O WCAG (Diretrizes de Acessibilidade para Conteúdo Web) define limites de proporção de contraste para texto legível. AA requer uma proporção de contraste de pelo menos 4,5:1 para texto normal e 3:1 para texto grande. AAA é o nível mais rigoroso, exigindo 7:1 para texto normal e 4,5:1 para texto grande. Passar no AA é o requisito legal em muitas jurisdições.
Qual é a diferença entre HSL e HSV?
Tanto HSL quanto HSV descrevem a cor em termos de Matiz e Saturação, mas definem o terceiro eixo de forma diferente. HSL usa Luminosidade — com 100% de luminosidade a cor é sempre branca independente do matiz. HSV usa Valor/Brilho — com 100% de valor a cor é totalmente saturada e brilhante, não branca. HSV se mapeia mais naturalmente a como pintores pensam em misturar cores.
Por que os valores CMYK são aproximados?
As cores da tela são definidas no espaço de cores sRGB, enquanto o CMYK é dependente do dispositivo — os mesmos valores CMYK produzem cores impressas diferentes em diferentes impressoras, tintas e tipos de papel. A conversão mostrada aqui usa a fórmula matemática padrão, que fornece um bom ponto de partida, mas não corresponderá exatamente ao que um RIP profissional produziria com um perfil ICC calibrado.
Ferramentas Relacionadas
Markdown to HTML
Convert Markdown to HTML instantly. Supports GFM tables, task lists, and code blocks.
YAML to JSON Converter
Convert between YAML and JSON instantly. Auto-detects direction — all in your browser.
Base64 Encoder / Decoder
Encode and decode Base64 text quickly and easily.
Cron Expression Builder
Build, test, and understand cron expressions with a visual builder and next run times.
Ferramentas Visitadas Recentemente
JWT Decoder
DeveloperDecode and inspect JWT tokens. Verify HS256 signatures and check token expiry — all in your browser.
CSS Gradient Generator
DeveloperCreate linear, radial and conic CSS gradients with a live visual editor. Copy the CSS code instantly.
Regex Tester
DeveloperTest and debug regular expressions with real-time match highlighting, group capture, and substitution.