Buscador de nomes de cores

• Correspondência instantânea da cor mais próxima: o buscador de nomes de cores calcula na hora a distância euclidiana entre a sua cor inserida e cada cor da base, retornando as 6 correspondências mais próximas ordenadas por similaridade perceptiva. Sem nenhum botão para clicar.
• Mais de 300 nomes CSS, X11 e Pantone: a base cobre as 148 cores nomeadas CSS, mais de 50 nomes de cor X11 e mais de 100 aproximações Pantone: os três sistemas de nomes de cor mais consultados na web, na impressão e no design.
• Buscar por nome ou explorar: mude para a aba de busca para encontrar cores por nome; digite «coral», «navy» ou «pantone 186» para explorar a base completa. Clique em qualquer resultado para ver na hora suas correspondências mais próximas e copiar seus valores.
• 100% privado e sem envios: todas as buscas de cor acontecem localmente no seu navegador. Nenhum dado de cor é enviado a um servidor, armazenado ou registrado. O buscador de nomes de cores funciona totalmente offline depois que a página carrega.

• Desenvolvimento CSS: encontre a cor nomeada CSS mais próxima do seu token de design para usar um nome semântico em vez de um código HEX bruto. O buscador de nomes de cores diz na hora se a sua cor tem uma correspondência CSS exata.
• Documentação de design: ao documentar uma paleta de cores, use o buscador de nomes de cores para dar a cada cor um nome legível por humanos. Cores nomeadas são mais fáceis de comunicar às partes interessadas do que códigos HEX brutos.
• Correspondência de impressão e marca: encontre a aproximação Pantone mais próxima de qualquer cor de tela. A base Pantone do buscador de nomes de cores ajuda a identificar a cor de tinta padrão mais próxima para a produção gráfica.
• Acessibilidade e comunicação de cores: ao escrever relatórios de acessibilidade ou especificações de design, use cores nomeadas para descrever claramente os elementos de interface. O buscador de nomes de cores dá o nome padrão de qualquer valor de cor.
• Arte digital e ilustração: identifique o nome padrão das cores que você captura de imagens de referência ou paletas. O buscador de nomes de cores cobre cores artísticas X11 como Cerulean, Vermilion e Ochre que os designers usam diariamente.
• Testes de daltonismo e acessibilidade: use cores nomeadas para comunicar escolhas de cor a usuários com deficiências de visão de cores. Nomes como «DodgerBlue» e «Crimson» são mais descritivos do que códigos HEX em contextos de acessibilidade.

Um buscador de nomes de cores recebe qualquer valor de cor — HEX, RGB ou uma consulta de busca — e retorna a cor nomeada mais próxima de uma base curada. Os nomes de cor vêm de três sistemas principais: cores nomeadas CSS (as 148 cores definidas na especificação CSS, como «CornflowerBlue» e «Tomato»), nomes de cor X11 (o conjunto ampliado usado em sistemas Unix/Linux e ferramentas de design, incluindo cores como «Cerulean» e «Vermilion») e aproximações de cor Pantone (o sistema de cores de tinta padrão do setor usado em impressão e design de marca).

A busca acontece em três etapas, inteiramente no seu navegador:

1. Analise sua entrada: insira um código HEX (por exemplo, #3b82f6), use o seletor de cores nativo, insira valores RGB ou pesquise por nome. O buscador de nomes de cores aceita todos os formatos de entrada comuns.
2. Calcule as distâncias: a ferramenta calcula a distância euclidiana entre a sua cor inserida e cada cor da base de mais de 300 nomes usando a fórmula √((R₁−R₂)² + (G₁−G₂)² + (B₁−B₂)²). Uma distância de 0 significa uma correspondência exata. Seus dados de cor nunca saem do seu navegador.
3. Retorne as melhores correspondências: as seis cores nomeadas mais próximas são exibidas como cartões com seus valores HEX, RGB e HSL, todos copiáveis com um clique. Cada cartão mostra a origem da cor (CSS, X11 ou Pantone) e a pontuação de distância.

• Cores nomeadas CSS: as 148 cores definidas na especificação CSS Color Module Level 4. São os únicos nomes de cor que funcionam diretamente em folhas de estilo CSS sem nenhuma conversão.
• Nomes de cor X11: um conjunto ampliado de cerca de 550 nomes de cor definidos originalmente para o sistema de janelas X. Muitas ferramentas de design e linguagens de programação incluem cores X11. O buscador de nomes de cores inclui os nomes X11 mais úteis que o CSS já não cobre.
• Aproximações Pantone: valores sRGB aproximados para as cores do Pantone Matching System (PMS). São apenas aproximações na tela: as cores de tinta Pantone reais só podem ser igualadas com precisão com amostras físicas.

A distância Δ exibida em cada cartão de resultado é a distância euclidiana no espaço de cor RGB entre a sua cor inserida e a cor nomeada. Uma distância de 0 significa uma correspondência exata. Distâncias abaixo de 20 são muito próximas (quase indistinguíveis). Distâncias acima de 50 indicam uma diferença de cor perceptível. Para uma correspondência perceptualmente mais precisa, uma versão futura pode usar a distância CIE ΔE em vez da distância euclidiana em RGB.