Seletor de Cores Online Gratuito
Selecione uma cor e obtenha instantaneamente seus valores HEX, RGB e HSL.
Who uses the Seletor de Cores?
- Designers web extraindo códigos HEX exatos de guias de estilo de marca para CSS.
- Desenvolvedores convertendo entre HEX, RGB, HSL e CMYK para especificações de design.
- Artistas e artesãos combinando cores de tinta ou tecido com referências digitais.
How the Seletor de Cores works
Clique na amostra de cor para abrir o seletor de cor nativo do seu navegador e selecionar qualquer matiz, saturação e brilho.
Ou digite um código HEX conhecido (por exemplo, #3b82f6) no campo de texto para carregar essa cor exata.
Os valores HEX, RGB, HSL e CMYK são atualizados instantaneamente abaixo.
Clique em qualquer botão "Copiar" para copiar o valor daquele formato para sua área de transferência.
Tips & tricks
- Não há recurso de conta-gotas ou amostragem de cor na tela aqui — a seleção de cor é o diálogo nativo de roda de cores do navegador ou digitar diretamente um código HEX.
- Não há gerador de paleta, sugestões complementares/análogas/triádicas, ou saída de tons/sombras — esta ferramenta apenas converte e exibe uma cor de cada vez.
- Não há um verificador de contraste de acessibilidade/WCAG integrado — escolha sua cor aqui, depois verifique o contraste separadamente com uma ferramenta dedicada de verificação de contraste.
- O campo de texto HEX só aceita um código completo de 6 dígitos (por exemplo, #3b82f6) — um HEX abreviado de 3 dígitos (como #3bf) não será reconhecido.
Frequently Asked Questions
Como escolho uma cor de uma imagem ou da minha tela?
Esta ferramenta não tem um recurso de conta-gotas/amostragem de tela integrado — ela oferece apenas o seletor de cor nativo do seu navegador (um diálogo de roda de cores/controles deslizantes) e entrada manual de HEX. Para capturar uma cor de uma imagem existente ou da sua tela, use a ferramenta de seleção de cor integrada do seu sistema operacional (por exemplo, Digital Color Meter do macOS, Windows PowerToys Color Picker) ou o conta-gotas das ferramentas de desenvolvedor do seu navegador, depois cole o código HEX resultante aqui.
Qual é a diferença entre os formatos de cor HEX, RGB e HSL?
HEX (#FF5733) é uma notação abreviada usada em web/CSS. RGB (255, 87, 51) especifica os componentes vermelho, verde, azul de 0–255. HSL (11°, 100%, 60%) usa matiz, saturação, luminosidade — mais intuitivo para ajustes de design. Esta ferramenta mostra os três simultaneamente.
O que é CMYK e quando eu preciso dele?
CMYK (Ciano, Magenta, Amarelo, Preto) é o modelo de cor usado na impressão. Se você está enviando designs para uma gráfica, peça os valores CMYK — cores de tela (RGB/HEX) podem parecer diferentes quando impressas.
Esta ferramenta verifica o contraste WCAG ou a conformidade de acessibilidade?
Não — ela apenas converte e exibe a cor que você escolhe em HEX/RGB/HSL/CMYK. Ela não calcula taxas de contraste contra branco/preto nem sinaliza aprovação/reprovação WCAG. Para verificar o contraste de acessibilidade, use uma ferramenta dedicada de verificação de contraste com seu valor HEX escolhido.
Esta ferramenta pode gerar uma paleta de cores completa (complementar, análoga, triádica) a partir de uma cor?
Não — esta ferramenta apenas converte e exibe uma única cor selecionada em diferentes formatos; ela não gera sugestões de paleta, tons ou sombras. Para construir uma paleta a partir de uma cor base, use uma ferramenta dedicada de geração de paleta de cores.
Is my data safe when using the Seletor de Cores?
Completely safe. The Seletor de Cores processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
What image formats does the Seletor de Cores support?
The Seletor de Cores works with common image formats supported by your browser, including JPEG, PNG, WebP, and GIF. SVG support varies by tool. No format conversion plugin or driver is needed.
Does the Seletor de Cores work with large image files?
Yes. The Seletor de Cores processes files entirely in your browser using the Canvas API. Very large files (over 20 MB) may take a few extra seconds on older or lower-powered devices. Closing other tabs can free up memory for better performance.