Cores personalizadas, logo, exportação PNG/SVG.
Estatísticas ao vivo + conversão de maiúsculas/minúsculas.
Feito pensando na privacidade. Todo o processamento acontece inteiramente no seu navegador usando bibliotecas de código aberto.
Um seletor de cores é uma ferramenta que permite escolher uma cor visualmente em vez de adivinhar códigos hex de memória. Você clica em um tom, ajusta-o e a ferramenta o traduz instantaneamente nos três formatos que os designers realmente usam: HEX, RGB e HSL. Essa conversão ao vivo é o que torna o seletor útil — um movimento do controle deslizante atualiza todos os valores de uma vez, para que você copie o código exato que precisa sem abrir um conversor separado.
A precisão das cores é surpreendentemente fácil de perder conforme um projeto cresce. O índigo que você aprovou no mockup pode desviar alguns tons quando é redigitado em CSS, e uma marca que usa azuis ligeiramente diferentes no site e nos e-mails parece pouco profissional. Um seletor mantém essa consistência simples: você amostra a cor, lê os valores e cola os mesmos números em todas as ferramentas que usa. Ele também ajuda no contraste, pois você pode obter rapidamente tons mais claros e mais escuros do mesmo matiz para criar combinações acessíveis de texto sobre fundos coloridos.
Esta versão foi construída em torno de velocidade e privacidade. Você pode digitar um valor hex diretamente, arrastar pela amostra nativa ou deixar a ferramenta gerar uma paleta de tons e matizes relacionados, de modo que mesmo uma sessão de design rápida termina com um sistema de cores utilizável em vez de um único valor isolado. Como tudo roda localmente no seu navegador, suas escolhas de cores nunca são enviadas a um servidor, registradas ou usadas para mais nada — a paleta que você cria fica no seu dispositivo.
Uma paleta bem escolhida faz grande parte do trabalho em qualquer interface, por isso esta ferramenta também funciona como um gerador rápido de paletas. Comece com qualquer cor de marca, deixe a ferramenta produzir uma gama completa de tons e matizes e use os botões de cópia com um clique para levar valores HEX diretamente para CSS, Figma ou seus design tokens.
Além das cores individuais, o seletor brilha quando você precisa de uma família inteira de tons. Estilizar uma interface de modo escuro, escolher estados de hover ou criar um gradiente da marca exige versões mais claras e mais escuras de um mesmo matiz, e tê-las geradas automaticamente elimina a tentativa e erro em cada etapa. A paleta permanece consistente com a cor base em vez de ser definida a olho, amostra por amostra.
Para quem é? Designers escolhendo cores de interface, desenvolvedores que precisam seguir um guia de estilo e criadores de conteúdo que querem uma identidade visual consistente em posts sociais, miniaturas e ativos de marca.
O trabalho de design vive ou morre pela consistência, e a forma mais rápida de manter as cores consistentes é nunca escrevê-las de memória. Toda vez que um código hex é redigitado manualmente, um pequeno desvio pode aparecer e, de repente, os azuis de um site não combinam mais. Escolher a cor uma vez, copiar o valor exato e reutilizá-lo em todos os lugares é o fluxo de trabalho em torno do qual esta ferramenta é construída.
Também economiza tempo real nas pequenas decisões que se acumulam. Verificações de contraste, variantes de hover e exploração de paletas normalmente significam abrir várias ferramentas separadas; aqui tudo acontece em uma tela, instantaneamente, sem cadastro e sem uploads. Como tudo roda localmente, é seguro usar para trabalho de clientes e cores de marca proprietárias sem enviar esses dados a lugar nenhum.
Sim, totalmente gratuito, sem cadastro, sem anúncios e sem limites.
Não. As cores são convertidas inteiramente no seu navegador e nada é enviado.
Não. Esta ferramenta trabalha com cores e não com arquivos, então não há nada para enviar.
Sim, funciona em qualquer navegador móvel moderno.
Não – esta ferramenta não consegue capturar cores de outras janelas ou imagens da sua tela. Usa o seletor de cores nativo do navegador e a entrada manual de HEX: digite qualquer código HEX e os valores RGB e HSL são atualizados instantaneamente.
Não – a ferramenta converte apenas entre HEX, RGB e HSL, e gera tons mais claros e mais escuros da mesma cor para a paleta. Não inclui conversão a CMYK ou HSV.