Nombre del color

Escribe un código hex, un valor RGB o HSL, o cualquier color CSS y encuentra su nombre más cercano entre los 140 nombres de color CSS estándar, como tomato, steelblue o rebeccapurple.

  • Gratis
  • Sin registro
  • Funciona en tu navegador
color-name-finder

Rellena los valores de arriba para ver el resultado.

100 % privado — el cálculo se hace en tu navegador y no se envía nada a ningún servidor.

Cómo funciona

Escribe un color

Hex, RGB, HSL, o incluso un nombre CSS para comprobarlo.

Lee el nombre más cercano

Coincidencia exacta, o cuánto se aleja el nombre más cercano.

Compara las muestras

Tu color junto al color con nombre estándar.

Dale a un color un nombre que la gente reconozca

Un código hex como #3b9e7a es preciso pero no significa nada para la mayoría de la gente; llamarlo «un tono verde azulado» da una idea inmediata de cómo se ve. Las herramientas de diseño, las hojas de cálculo y el propio CSS definen unos 140 nombres de color estándar, desde los comunes como rojo y dorado hasta otros específicos como cornflowerblue y rebeccapurple. Esta herramienta encuentra el más cercano a cualquier color que tengas.

Cómo funciona

Escribe tu color en casi cualquier formato que entienda tu navegador: un código hex, rgb(), hsl(), o incluso otro nombre. La herramienta lo compara con todos los nombres de color CSS estándar y encuentra el más cercano en distancia de color, y muestra las dos muestras una junto a otra para que juzgues lo cerca que está la coincidencia de verdad. Si tu color es uno de los valores estándar exactos, lo indica directamente.

Dónde ayuda

  • Describir un color en un encargo de diseño o un informe de fallo sin pegar una muestra: «cerca de tomato» es más fácil de imaginar que «#ff6347».
  • Poner nombre a colores personalizados de un sistema de diseño usando palabras conocidas como punto de partida.
  • Comprobar cómo se llama aproximadamente un color que has sacado de una imagen o una paleta.

Límites

La coincidencia es la visualmente más cercana entre 140 nombres fijos, no una búsqueda en una base de datos comercial de nombres de color más grande con miles de entradas, así que un color poco habitual o apagado puede tener solo una coincidencia relacionada de forma laxa. La distancia se mide directamente en espacio RGB, una aproximación razonable para este propósito y no una fórmula de diferencia de color perceptualmente exacta. Todo se calcula en tu navegador.

Preguntas frecuentes

¿Cómo se llama este color?
Escribe su valor hex, RGB o HSL y la herramienta te da el más cercano de los 140 nombres de color CSS estándar.
¿El nombre es siempre exacto?
Solo cuando tu color coincide exactamente con uno de los 140 valores estándar. Si no, obtienes el más cercano, con los dos colores mostrados para que juzgues la diferencia.
¿Puedo escribir un nombre de color para comprobarlo?
Sí. Escribir un nombre muestra ese color exacto, útil para ver cómo se ve de verdad un nombre como rebeccapurple.
¿De dónde salen estos nombres de color?
De la lista extendida de colores con nombre que define el módulo de color de CSS, basada en los antiguos nombres de color X11.
¿Puede dar nombres más precisos, como Pantone?
No. Solo compara con los 140 nombres CSS estándar, no con un sistema de color comercial.
¿Se envía mi color a algún sitio?
No. Se compara en tu navegador.