🎨 Seletor / Conversor de Cores ☆

Visão geral

Precisa encontrar a cor perfeita para o seu projeto? Nosso Seletor de Cores Grátis coloca um seletor de cores profissional ao seu alcance, sem necessidade de instalar software. Explore todo o espectro de cores usando uma roda de cores intuitiva que permite localizar visualmente qualquer tonalidade com precisao. Seja voce um web designer convertendo HEX para RGB para CSS, um designer grafico combinando cores de marca em CMYK para impressao, ou um desenvolvedor ajustando valores HSL para temas dinamicos, nossa ferramenta realiza todas as conversoes instantaneamente. O recurso de conta-gotas integrado permite amostrar qualquer cor diretamente da sua tela, facilitando a captura de inspiracao de imagens, logotipos ou qualquer referencia visual. Chega de procurar em tabelas de cores ou calcular conversoes manualmente. Com visualizacao em tempo real e controles deslizantes para matiz, saturacao, luminosidade e transparencia alfa, voce ajusta exatamente a cor que precisa. Copie os valores HEX, RGB, HSL ou CMYK com um clique e cole-os no seu design ou codigo. O Seletor de Cores Grátis suporta controle completo do canal alfa para designs com transparencia e armazena suas cores recentes para construir uma paleta enquanto trabalha. De pasteis sutis a neons vibrantes, nosso seletor ajuda voce a capturar e converter cores mais rapido do que nunca.

Como o seletor converte formatos

A roda e os controles editam uma cor de origem, e todos os outros formatos derivam dela matematicamente: HEX e RGB codificam os mesmos canais, HSL expoe matiz, saturacao e luminosidade, e CMYK e aproximado como referencia de impressao. O alfa e rastreado a parte e incluido em RGBA e HEX de 8 digitos. O conta-gotas usa a API EyeDropper quando disponivel, amostrando qualquer pixel da tela; caso contrario, le imagens carregadas. Cores recentes ficam no navegador.

Formatos, limites e parâmetros

Privacidade: a amostragem ocorre na sua tela

Pegar uma cor de um logo de cliente ou de um design nao publicado nao deve vazar nada. O conta-gotas le pixels localmente, as conversoes sao matematica pura e as cores recentes ficam no seu navegador.

Dicas de cor

• Use HSL para montar temas: mudar a luminosidade mantem o matiz.
• Trate CMYK como referencia: a conversao real depende do perfil de impressao.
• Confira o contraste texto/fundo antes de entregar uma paleta.
• Copie HEX de 8 digitos quando a transparencia precisar sobreviver.
• Mantenha poucas cores recentes em vez de dezenas de tons proximos.

Veja tambem todas as ferramentas de imagem para paletas, compressao e conversao.

Espaços de cor: HEX, RGB, HSL e percepção

A mesma cor tem várias notações, e saber qual usar evita muito retrabalho. HEX é uma abreviação de RGB em base 16, prática para CSS e ferramentas de design, mas difícil de avaliar: #3a7bd5 diz pouco sobre clareza ou saturação. RGB descreve a quantidade de luz vermelha, verde e azul e corresponde diretamente à emissão das telas, o que o torna o formato certo para código que mistura ou ajusta canais. HSL descreve matiz, saturação e luminosidade, e é muito mais fácil ao montar uma paleta: mantenha o matiz constante e varie a luminosidade para obter uma escala natural da mesma cor, ou reduza a saturação para suavizá-la. Alfa adiciona transparência e é escrito como um par extra de dígitos em HEX ou como quarto valor no CSS moderno. Espaços perceptuais como LCH e Lab existem porque a luminosidade HSL não é como o olho percebe brilho, duas cores com o mesmo valor L podem parecer muito diferentes em peso, então esses espaços geram gradientes mais uniformes e escalas acessíveis. Contraste é a verificação prática: WCAG exige 4,5:1 para texto normal e 3:1 para texto grande, e a proporção depende da luminância relativa, não do matiz. Tudo é calculado localmente no navegador.