Buscador de nombres de color

Encuentra el nombre de color CSS más cercano para cualquier valor de color.

El Buscador de nombres de color asocia cualquier color HEX, RGB, HSL o HSV con el nombre de color CSS más cercano usando la fórmula de diferencia de color CIEDE2000, y también puede encontrar un color a partir de un nombre CSS o una errata cercana.

Color

Coincidencia exactaSimilitud 100%

red

#ff0000

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

Nombres de color similares

Salida

{
  "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
    }
  ]
}

Cómo usar

Introduce un valor de color como #ff6347 o un nombre de color CSS como tomato.
Revisa la coincidencia más cercana, la puntuación de similitud y los nombres alternativos.
Copia el nombre, valor hex u otros valores de color según necesites.

Preguntas frecuentes

¿Qué nombres se incluyen?

Se incluyen los 148 nombres de color CSS, incluidas variantes de ortografía gris como grey, lightgrey y slategrey.

¿Cómo se elige el color más cercano?

Los colores se comparan con la fórmula de diferencia de color CIEDE2000, que sigue la percepción humana más de cerca que la distancia RGB simple.

¿Puedo buscar por nombre de color?

Sí, introduce nombres como rebeccapurple, steel blue o una errata cercana y la herramienta encontrará el color coincidente.

Buscador de nombres de color

Nombres de color similares

Cómo usar

Preguntas frecuentes

Generador de paletas de color

Conversor de colores

Comprobador de contraste de color

Simulador de daltonismo

Generador de degradados de color

Generador de tonos de color

Buscador de nombres de color

Nombres de color similares

Cómo usar

Preguntas frecuentes

Herramientas relacionadas

Generador de paletas de color

Conversor de colores

Comprobador de contraste de color

Simulador de daltonismo

Generador de degradados de color

Generador de tonos de color