El púrpura se sitúa exactamente entre el rojo y el azul en la rueda de colores. Estos colores primarios evocan emociones opuestas, siendo el rojo más ardiente y el azul más sereno. Esta contradicción se mezcla perfectamente en el púrpura, evocando sentimientos de riqueza, sofisticación y poder.
El púrpura se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #9D00FF
- Valor RGB: 61.6% rojo, 0% verde y 100% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Aquí hay algunas formas de usar el púrpura en tus diseños:
- Crea una marca lujosa. El púrpura es ideal para proyectos que buscan transmitir lujo y calidad, siendo una excelente opción para interfaces de productos o servicios de alta gama.
- Haz que la información importante destaque. Una paleta de púrpura bien elegida puede diferenciar efectivamente categorías o resaltar estadísticas específicas para ciertos conjuntos de datos.
- Atrae la atención y fomenta la acción. Un toque de púrpura audaz contra un fondo neutro atrae la atención hacia botones o secciones importantes de un sitio web.
Ten en cuenta que el color y su significado pueden cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
Para variaciones dentro del mismo espectro rojizo-azul como el púrpura, considera:
- Violeta (#7F00FF) se inclina más hacia el azul y puede tener una asociación más fuerte con la espiritualidad y la sabiduría.
- Lavanda (#D3D3FF) es un pariente cercano al púrpura pero ofrece un efecto más ligero y calmante.
- Lila (#A47DAB) se inclina ligeramente más frío y más cerca del violeta que del púrpura verdadero.
- Azul pervinca (#CCCCFF) se sitúa más cerca del azul que la mayoría de los púrpuras, evocando emociones más calmantes y pacíficas.
Para complementar el púrpura, considera emparejarlo con:
- Agua de rosas (#FFD6D1) ofrece un contraste sutil para realzar la audacia del púrpura.
- Dorado (#EFBF04) enfatiza la sensación de lujo y riqueza del púrpura.
- Marfil (#FFFFE3) proporciona un fondo neutro para que el púrpura destaque.
- Azul real (#305CDE) crea un contraste audaz que amplifica el drama del púrpura.
Otros colores que combinan bien con el púrpura incluyen neutros como blanco, gris o negro. Crean un fondo sofisticado mientras permiten que el púrpura brille en cualquier diseño.
Dado que el púrpura es brillante y audaz, puede chocar con:
- Granate (#550000) es un color fuerte que choca con un púrpura igualmente intenso.
- Fucsia (#FE3894) es muy similar al púrpura, por lo que la combinación hace que un diseño se sienta desordenado.
- Chartreuse (#CCFF00) es un color brillante que choca con la audacia del púrpura.
- Verde neón (#2CFF05) es visualmente chocante cuando se combina con un púrpura vibrante.
El púrpura es un color cautivador que connota poder, confianza y sabiduría. Simboliza la realeza, la extravagancia y, a veces, la magia.
En la psicología del color, el púrpura evoca una gama compleja de emociones debido a su mezcla de rojos apasionados y azules tranquilos. Se asocia con la creatividad y la imaginación, despertando inspiración y alegría cuando se usa en ciertos entornos.
La versatilidad del púrpura lo convierte en una excelente opción para una amplia gama de diseños de UI, desde aplicaciones creativas hasta plataformas financieras. Al usar el púrpura en tus diseños, es importante considerar su audacia: úsalo como un acento o combínalo con tonos neutros para crear una experiencia equilibrada y visualmente cómoda.
El púrpura tiene una rica historia que se remonta a los años 1500. Más allá de la flor o gema ocasional, el púrpurao rara vez se ve en la naturaleza. Los usos históricos del púrpura provienen principalmente de tintes hechos por el hombre usando moco de caracol.
A veces conocido como púrpura real, este color ha representado lujo, riqueza y sofisticación durante siglos. Las realezas de Egipto, Roma y Persia popularizaron la reverencia por el púrpura al limitar su uso a la ropa y joyas de miembros de la sociedad de alto rango.
Hoy en día, el púrpura mantiene su reputación de riqueza y sofisticación mientras es más accesible para las masas.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Neblina Morada
Reacción Alquímica
Fantasía Fucsia
Comprobador de contraste
Contraste 5,42
- Texto largo
#9D00FF
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 3,88
- Texto largo
#9D00FF
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Aprobar | Desaprobar | |
Aprobar | Desaprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #9d00ff, también llamado púrpura, tiene valores RGB de R:157, G:0, B:255 y valores CMYK de C:38, M:100, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #9d00ff | #9d00ff |
| RGB DECIMAL | 157, 0, 255 | RGB(157,0,255) |
| RGB PERCENTAGE | 61.6, 0.0, 100.0 | RGB(61.6%,0.0%,100.0%) |
| CMYK | 38, 100, 0, 0 | |
| HSL | HSL(276.9, 100.0%, 50.0%) | HSL(276.9, 100.0%, 50.0%) |
| HSV (OR HSB) | 276.9°, 100.0, 100.0 | |
| WEB SAFE | #1530255 | #1530255 |
| BINARY | 10011101, 00000000, 11111111 | |
| iOS - SwiftUI | Color(red: 0.616, green: 0.000, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.616, green: 0.000, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFF9D00FF) |