Localizador de nomes de cores

Encontre o nome de cor CSS mais próximo para qualquer valor de cor.

O Localizador de nomes de cores mapeia qualquer cor HEX, RGB, HSL ou HSV para o nome CSS mais próximo usando a fórmula de diferença de cor CIEDE2000, e também pode encontrar uma cor a partir de um nome CSS ou erro de digitação próximo.

Cor

Correspondência exataSimilaridade 100%

red

#ff0000

HEX: #ff0000
RGB: rgb(255, 0, 0)
HSL: hsl(0, 100%, 50%)
HSV: hsv(0, 100%, 100%)

Nomes de cores semelhantes

Saída

{
  "input": "#ff0000",
  "kind": "color",
  "exact": true,
  "name": "red",
  "hex": "#ff0000",
  "distance": 0,
  "similarity": 100,
  "matches": [
    {
      "name": "red",
      "hex": "#ff0000",
      "distance": 0,
      "similarity": 100
    },
    {
      "name": "orangered",
      "hex": "#ff4500",
      "distance": 6.39871686022869,
      "similarity": 94
    },
    {
      "name": "tomato",
      "hex": "#ff6347",
      "distance": 10.197124429842471,
      "similarity": 90
    },
    {
      "name": "crimson",
      "hex": "#dc143c",
      "distance": 13.761170965728436,
      "similarity": 86
    },
    {
      "name": "indianred",
      "hex": "#cd5c5c",
      "distance": 15.22648304730719,
      "similarity": 85
    },
    {
      "name": "coral",
      "hex": "#ff7f50",
      "distance": 15.495106183240578,
      "similarity": 85
    },
    {
      "name": "chocolate",
      "hex": "#d2691e",
      "distance": 15.527021182273668,
      "similarity": 84
    },
    {
      "name": "firebrick",
      "hex": "#b22222",
      "distance": 16.25571503513244,
      "similarity": 84
    }
  ]
}

Como usar

Digite um valor de cor como #ff6347 ou um nome de cor CSS como tomato.
Revise a correspondência mais próxima, pontuação de similaridade e nomes alternativos.
Copie o nome, valor hex ou valores de cor conforme necessário.

Perguntas frequentes

Quais nomes estão incluídos?

Todos os 148 nomes de cor CSS estão incluídos, incluindo variantes de grafia como grey, lightgrey e slategrey.

Como a cor mais próxima é escolhida?

As cores são comparadas com a fórmula CIEDE2000, que segue a percepção humana mais de perto que a distância RGB simples.

Posso pesquisar por nome de cor?

Sim, digite nomes como rebeccapurple, steel blue ou um erro de digitação próximo e a ferramenta encontrará a cor correspondente.

Localizador de nomes de cores

Nomes de cores semelhantes

Como usar

Perguntas frequentes

Gerador de paletas de cores

Conversor de cores

Verificador de contraste de cores

Simulador de daltonismo

Gerador de gradientes de cor

Gerador de tons de cor

Localizador de nomes de cores

Nomes de cores semelhantes

Como usar

Perguntas frequentes

Ferramentas relacionadas

Gerador de paletas de cores

Conversor de cores

Verificador de contraste de cores

Simulador de daltonismo

Gerador de gradientes de cor

Gerador de tons de cor