Tonos de Morado: Códigos Hex, RGB y HSL

¿Qué cuenta como un tono de morado?

El morado está entre el azul y el rojo y no tiene longitud de onda propia: el ojo lo construye con los dos extremos del espectro a la vez. Los 21 tonos siguientes empiezan pálidos con Lavanda #E6E6FA, Cardo #D8BFD8 y Lila #C8A2C8, se avivan con Violeta #EE82EE, Orquídea #DA70D6 y Magenta #FF00FF, y se hunden en Púrpura Real #7851A9, Púrpura #800080 e Índigo #4B0082.

La división que importa es morado rojizo frente a morado azulado. Magenta, Orquídea y DarkMagenta #8B008B tiran a rojo y resultan enérgicos, casi rosas; BlueViolet #8A2BE2, Amatista #9966CC e Índigo tiran a azul y resultan más fríos y serios. RebeccaPurple #663399 es la excepción con historia: se añadió a la especificación CSS en 2014 en memoria de la hija de un colaborador de los estándares web, y es el único color con nombre de esta página incorporado por un motivo así.

Cómo usar estos códigos de color

1. Busca tu tono. La lista va de claro a oscuro, con una muestra real junto a cada nombre — recórrela como si fuera una carta de pinturas.
2. Haz clic en un código para copiarlo. Cada fila trae el valor hex, RGB y HSL de ese color. Un clic copia ese texto exacto a tu portapapeles.
3. Pégalo en tu proyecto. Lleva el hex a CSS, Figma, Photoshop o un documento. Al hacer clic en la muestra también se copia el hex, así no tienes que apuntar al texto pequeño.

Qué comunica el morado

Las asociaciones del morado vienen directamente de su coste. El tinte púrpura de Tiro se extraía de caracoles marinos en cantidades que lo hacían más caro que el oro, así que durante casi toda la historia registrada solo lo vistieron la realeza y la Iglesia; el poso de aquello es que el Púrpura Real siga leyéndose como lujo, ceremonia y precio alto.

En el uso moderno se divide por luminosidad. Los morados pálidos — Lavanda, Lila, Malva #E0B0FF — se leen como calmados, florales y reparadores, y dominan en spas, descanso y cosmética. Los morados oscuros y saturados se leen como creativos y algo inconformistas, y por eso abundan en entretenimiento, videojuegos y marcas que quieren dejar claro que no son otra empresa azul.

Limitaciones honestas

Un código hex es exacto, pero el color que ves no lo es. El mismo #FF0000 se ve distinto en un móvil OLED, en un monitor de oficina barato y en papel impreso, porque cada dispositivo tiene su propia gama y calibración. Usa estos valores como un punto de partida preciso para pantalla, y revisa siempre una prueba física antes de mandar un color a imprenta: CMYK no puede reproducir todos los tonos de esta lista.

Los nombres de color mezclan dos cosas. Los marcados con CSS son colores con nombre oficiales: el nombre funciona tal cual en una hoja de estilos y todos los navegadores lo resuelven exactamente a ese hex. El resto son nombres convencionales — Burdeos, Salvia, Espresso — que no pertenecen a ningún estándar. Sus valores siguen la convención más citada, pero otra carta puede colocarlos un poco más claros u oscuros, así que cita el hex y no el nombre cuando el valor exacto importe.

¿Por qué es gratis?

FreeToGenerate.com mantiene todas sus herramientas realmente gratis. Esta página es una lista estática de valores de color que se muestra en tu navegador: nada que instalar, sin cuenta y sin versión premium que esconda la mitad de la paleta. Copia todos los códigos que necesites, las veces que quieras.

Otras familias de color

rojonaranjaamarilloverdecianazulrosamarróngrisnegroblancoTodas las familias