En este artículo
Por que importa encontrar nombres de colores
Los colores en diseno digital se expresan tipicamente como codigos hexadecimales, valores RGB o valores HSL. Aunque precisas, estas representaciones numericas carecen de significado para la mayoria de las personas. Un nombre de color como 'Coral' o 'Steel Blue' comunica instantaneamente, haciendo las discusiones de diseno, documentacion y revisiones de codigo mas eficientes.
CSS soporta 148 colores con nombre que pueden usarse directamente en hojas de estilo. Encontrar el color con nombre mas cercano para un codigo hexadecimal dado ayuda a los desarrolladores a escribir CSS mas legible y hace que los tokens de sistemas de diseno sean mas comprensibles.
Como funciona la coincidencia de nombres de colores
Los buscadores de nombres de colores funcionan calculando la distancia entre un color de entrada y cada color con nombre en una paleta de referencia.
- Distancia RGB — el metodo mas simple calcula la distancia euclidiana en el espacio de color RGB, tratando R, G y B como coordenadas tridimensionales
- RGB ponderado — ajusta el calculo de distancia ponderando los canales de forma diferente. Los ojos humanos son mas sensibles al verde, por lo que las diferencias de verde se ponderan mas
- Delta E (CIE76/CIE2000) — convierte los colores al espacio de color CIELAB, disenado para ser perceptualmente uniforme. Un Delta E de 1.0 representa la diferencia de color mas pequena que un humano puede percibir
Pruébalo gratis — sin registro
Encontrar un nombre de color →Referencia de colores con nombre CSS
CSS define 148 colores con nombre que funcionan en todos los navegadores modernos. Estos nombres pueden usarse donde se acepte un valor de color.
- Colores basicos — 16 colores HTML originales: black, white, red, green, blue, yellow, cyan, magenta y 8 mas definidos desde HTML 3.2
- Colores extendidos — 132 nombres adicionales anadidos en CSS3, desde 'AliceBlue' hasta 'YellowGreen', originalmente de la lista de colores X11
- Valores especiales — 'transparent' (totalmente transparente) y 'currentColor' (hereda de la propiedad color) tambien son palabras clave de color CSS validas
Preguntas frecuentes
Que tan precisa es la coincidencia de nombres de colores?
La precision depende del algoritmo de coincidencia y la paleta de referencia. Con 148 colores con nombre CSS, la coincidencia mas cercana puede diferir notablemente del color de entrada. Para trabajo de diseno que requiere colores exactos, use el valor hexadecimal o RGB directamente.
Cual es la diferencia entre distancia de color perceptual y matematica?
La distancia matematica (euclidiana RGB) trata el espacio de color como uniforme, pero la vision humana no percibe las diferencias de color uniformemente. Somos mas sensibles al verde y menos al azul. Los metodos de distancia perceptual como Delta E (CIE2000) consideran estas diferencias convirtiendo a un espacio de color perceptualmente uniforme.
Se pueden usar nombres de colores Pantone?
Los colores Pantone son un sistema propietario con miles de colores con nombre usados principalmente en impresion. No son parte de CSS o estandares web. La conversion entre Pantone y colores hexadecimales es aproximada porque los colores Pantone estan definidos para formulaciones de tinta especificas y tipos de papel, no para visualizacion en pantalla.