Color / Nombres
Buscador de nombres de colores: de Hex o RGB al nombre de color CSS más cercano
Introduce un color en formato hex, RGB o CSS y encuentra cuál de los 148 colores CSS con nombre es el más cercano, ordenados por diferencia perceptual en CIELAB, con muestras para compararlos y el valor hex de cada nombre.
Buscador de nombres de colores: de Hex o RGB al nombre de color CSS más cercano: El color y todos los colores CSS con nombre se convierten al espacio de color CIELAB, donde la distancia refleja cómo se perciben las diferencias entre colores. Los nombres más cercanos aparecen con su diferencia de color ΔE: por debajo de aproximadamente 2,3, la mayoría de las personas no puede percibir la diferencia. Por ejemplo, #3a7bd5 es el color más cercano a cornflowerblue. Funciona al 100 % en tu navegador, sin subir archivos a ningún servidor.
- Categoría
- Herramientas cotidianas
- Se ejecuta
- En tu navegador
- Coste
- Gratis · sin registro
- Disponibilidad
- Lista para usar
Funciona por completo en tu navegador
El color se compara con los 148 colores CSS con nombre en el espacio de color CIELAB, diseñado para que las distancias iguales parezcan aproximadamente igual de diferentes. La distancia, ΔE, es inferior a aproximadamente 2.3 cuando la mayoría de las personas no puede percibir una diferencia. En una hoja de estilos se puede usar cualquier nombre CSS en lugar de su código hexadecimal, como color: steelblue.
De dónde proceden los nombres
La mayoría de los nombres de colores de CSS proceden de la lista de colores del sistema de ventanas X11 de la década de 1980, por eso existen nombres como papayawhip y lightgoldenrodyellow. rebeccapurple, #663399, se añadió en 2014 en memoria de Rebecca Meyer.
Conversión de colores
Para convertir un color a HSL, RGB u otras notaciones, usa el conversor de colores.
Cómo se usa
- Escribe un color en formato hex, rgb() o con su nombre.
- Consulta el color con nombre más cercano y su grado de similitud.
- Compara las muestras y copia el nombre que quieras.
Privacidad y límites
Todo se ejecuta en tu navegador.
Herramientas relacionadas
Preguntas frecuentes
¿Por qué usar nombres CSS?
Son un conjunto estándar y ampliamente reconocido que funciona directamente en las hojas de estilos, desde aliceblue hasta yellowgreen.
¿Qué significa ΔE?
Es la distancia entre dos colores en CIELAB. Un valor cercano a 1 representa la diferencia mínima que la mayoría de las personas percibe al comparar los colores lado a lado; por encima de 10, los colores son claramente diferentes.
¿Por qué no se muestran grey y gray?
Son el mismo color con dos formas de escribirlo; la herramienta muestra solo uno de cada par.
Herramienta gratuita · se ejecuta en tu navegador · sin cuenta