Seletor de Cores Online

Sobre o Seletor de Cores Online
Use este seletor de cores online para pegar uma cor de uma imagem enviada, capturar uma cor da tela quando o navegador oferecer suporte ou inserir um valor manualmente. A cor selecionada é convertida instantaneamente para formatos comuns, como HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV e CMYK, para que você copie o valor necessário sem sair da página.

• Recursos
Seletor de cores por imagem: escolha uma imagem local e passe o cursor sobre ela para visualizar os pixels próximos. Clique na imagem para selecionar a cor atual.

Extração de paleta da imagem: depois do upload de uma imagem, a ferramenta extrai uma paleta compacta com as cores principais, que podem ser copiadas ou aplicadas como cor atual.

Ajuste em nível de pixel: depois de selecionar uma cor em uma imagem, use as setas do teclado para ajustar a posição do pixel selecionado com mais precisão.

Captura de cor da tela: use o seletor de cores da tela do navegador para selecionar uma cor diretamente da tela quando esse recurso for compatível com o seu navegador.

Entrada manual de cor: insira uma cor manualmente usando um seletor de cores ou um valor HEX / HEXA, como #2563EB ou #2563EBFF.

Vários formatos de cor: converta a cor selecionada para os formatos HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV e CMYK.

Cores combinando: gere opções complementares, análogas, triádicas, tons suaves e tons dessaturados a partir da cor atual.

Tons claros e escuros: crie uma escala prática do claro ao escuro para usar em fundos, bordas, estados de hover, badges e componentes de interface.

Contraste de texto e combinação para UI: compare texto branco e preto usando contraste WCAG, veja uma referência perceptual no estilo APCA e receba uma sugestão de combinação mais confortável quando uma cor muito saturada precisar de um fundo mais escuro ou mais claro.

Variáveis CSS: copie variáveis CSS prontas para uso com a cor atual, variações claras e escuras, cor de texto legível e a combinação recomendada de fundo/texto para UI.

Processamento no navegador: leitura da imagem, seleção de cores, extração de paleta e conversão de formatos são realizadas diretamente no navegador, sem instalar outro aplicativo.

• Observações
A captura de cor da tela depende do suporte do navegador. Em navegadores que não oferecem esse recurso, você ainda pode usar a seleção por imagem ou a entrada manual.

Ao pegar cores de uma imagem, a imagem pode ser redimensionada para caber na página, mas a cor amostrada é mapeada de volta para a posição do pixel na imagem original.

O contraste de texto é calculado com base na cor sólida selecionada. Quando o texto aparece sobre gradientes, fotos, transparência ou fundos com textura, também vale conferir o resultado final visualmente.

O valor no estilo APCA é fornecido como uma referência perceptual ao lado do contraste WCAG. O contraste WCAG continua sendo a verificação de aprovação/reprovação de acessibilidade nesta página.

Para cores usadas em interfaces, documentos, imagens ou materiais impressos, a aparência final pode variar conforme as configurações da tela, perfis de cor, formatos de arquivo e dispositivos de saída.

:wiki_link