# Buscador de nombres de colores

Encuentra el color CSS con nombre más parecido a cualquier valor de color. Pega hasta 100 colores en cualquier formato CSS y obtén, para cada uno, los colores con nombre más cercanos entre los 148 CSS, ordenados según su diferencia de color CIEDE2000, junto con el nombre, su código hexadecimal, el valor Delta E y una valoración de la coincidencia. Muestra hasta 10 coincidencias por color. Útil para asignar nombres a los tokens de diseño, describir colores en la documentación y encontrar rápidamente una palabra clave.

## Preguntas frecuentes

### ¿Qué nombres de colores se buscan?

Los 148 colores con nombre de CSS Color 4, desde aliceblue hasta yellowgreen, incluido rebeccapurple. Los nombres que comparten un valor, como aqua y cyan, fuchsia y magenta, y las variantes gray y grey, aparecen juntos en una fila, lo que deja 139 colores distintos. No se incluyen transparent ni los colores del sistema.

### ¿Cómo se mide el nombre más cercano?

Con la diferencia de color CIEDE2000, Delta E 2000, calculada en CIELAB mediante la biblioteca culori. Es el estándar del sector para medir cuánto difieren dos colores a ojos de un observador promedio; cuanto menor es el valor, más se parecen.

### ¿Qué significan las valoraciones de coincidencia?

Exacta significa que el color con nombre tiene el mismo código hexadecimal. Muy cercana significa un Delta E inferior a 2, difícil de distinguir; similar significa inferior a 5, perceptible al compararlos uno junto al otro; distante significa 5 o más, cuando el nombre solo describe la familia general del color.

### ¿Cuántas coincidencias obtengo?

Entre 1 y 10 por color; 3 de forma predeterminada, ordenadas de la más cercana a la más lejana. Más coincidencias ayudan cuando el nombre más cercano tiene la luminosidad adecuada, pero el tono equivocado, o viceversa.

### ¿Cómo introduzco los colores?

Introduzca un color por línea o varios en una línea, separados por comas o punto y coma; las comas dentro de rgb() o hsl() no separan los colores. Se aceptan códigos hexadecimales con o sin #, nombres de colores CSS, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() y cmyk(), hasta 100 colores por ejecución.

### ¿Qué ocurre con los colores transparentes?

Los colores con nombre son opacos, por lo que se ignora el alfa y se comparan como si fueran completamente opacos. La columna HEX muestra el código de 6 dígitos que se comparó.

### ¿Qué ocurre con los colores de gama amplia?

Los colores fuera de sRGB, como los valores intensos de Display P3 u OKLCH, primero se convierten a sRGB con el algoritmo de CSS Color 4, porque todos los colores con nombre de CSS son colores sRGB. La columna HEX muestra el valor convertido, que es el que se compara con los nombres.

### ¿Puedo usar el nombre en lugar de mi código hexadecimal?

Solo si la coincidencia es exacta; de lo contrario, el color con nombre se ve distinto. Un nombre parecido sigue siendo una referencia útil y legible para las personas en un token de diseño o en la documentación, por ejemplo, un azul parecido a steelblue.

### ¿Por qué solo CSS nombres y no una lista más amplia?

Los nombres CSS son los que todos los navegadores reconocen y que se pueden escribir directamente en una hoja de estilos. Las listas de nombres más amplias varían según el proveedor y suelen tener licencias, mientras que estos nombres 148 están definidos por el estándar CSS.

### ¿Por qué una coincidencia con un Delta E mayor puede parecerme más cercana?

Delta E 2000 modela a un observador promedio en condiciones de visualización estándar. La pantalla, su calibración, los colores circundantes y la visión cromática de cada persona influyen en cuál parece más cercano, así que tome la clasificación como una buena orientación, no como algo absoluto.

¿Su anuncio aquí?

[Envíenos un correo](mailto:hi@dennn.is?subject=Publicidad%20en%20OneClick%20Pro)

[Anuncio El conjunto de plugins listo para agentes de WordPress.](https://sleekwp.com/?ref=oneclickpro)