Búsqueda de Nombre de Color

Pega un color hex — #3b5998, rebeccapurple, cualquier color del conjunto CSS — y mira el color CSS con nombre más cercano. La distancia se mide en CIE Lab usando la fórmula CIE76 ΔE, así que un número más pequeño es una coincidencia perceptual más cercana. Haz clic en cualquier muestra de la paleta para cargarla. 100% del lado del cliente, sin subir nada.

Acepta #RGB, #RGBA, #RRGGBB, #RRGGBBAA, rgb(), hsl(), hwb(), o cualquiera de los 148 colores CSS con nombre. Los valores alfa se componen sobre blanco antes de la búsqueda.

Paleta de colores CSS con nombre — 148 colores

Cómo se calcula la coincidencia
  • Cada color CSS con nombre tiene un valor sRGB fijo. Pre-calculamos sus coordenadas CIE Lab una sola vez al inicio.
  • Tu entrada se analiza, se compone sobre blanco si tiene alfa < 1, y se convierte a Lab.
  • La distancia es la fórmula CIE76: ΔE = √((ΔL)² + (Δa)² + (Δb)²). Más pequeño es más cercano.
  • Veredictos: ΔE < 1 → coincidencia exacta, < 2,3 → imperceptible, < 10 → solo un experto lo notaría, < 25 → similar, en otro caso lejano.
  • El conjunto de nombres CSS es disperso — muchos hex del mundo real no tienen un vecino cercano. Un veredicto "lejano" es la respuesta honesta en ese caso.
  • Nada sale del navegador. La búsqueda se ejecuta contra una lista estática embebida de 148 colores con nombre.