Rueda de colores de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con el morado?
El morado se sitúa exactamente entre rojo y 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 morado, evocando sensaciones de riqueza, sofisticación y poder.
El morado 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 la elección de colores en el diseño de UX y UI. Figma ofrece plugins en la Comunidad para asegurarte de que tus diseños cumplan con las Web Content Accessibility Guidelines.
Aquí hay algunas formas de usar el morado en tus diseños:
- Crea una marca lujosa. El morado 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 resalte. Una paleta de morado 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 morado 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 variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.
Para variaciones dentro del mismo espectro rojizo-azul del morado, 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 morado 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 morado verdadero.
- Azul pervinca (#CCCCFF) se sitúa más cerca del azul que la mayoría de los morados, evocando emociones más calmantes y pacíficas.
Para complementar el morado, considera emparejarlo con:
- Agua de rosas (#FFD6D1) ofrece un contraste sutil para realzar la audacia del morado.
- Oro (#EFBF04) enfatiza la sensación de lujo y riqueza del morado.
- Marfil (#FFFFE3) proporciona un fondo neutro para que el morado resalte.
- Azul real (#305CDE) crea un contraste audaz que amplifica el drama del morado.
Otros colores que combinan bien con el morado incluyen neutros como blanco, gris o negro. Crean un fondo sofisticado mientras permiten que el morado brille en cualquier diseño.
Dado que el morado es brillante y audaz, puede chocar con:
- Granate (#550000) es un color fuerte que choca con un morado igualmente intenso.
- Fucsia (#FE3894) es muy similar al morado, 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 morado.
- Verde neón (#2CFF05) es visualmente chocante cuando se combina con un morado vibrante.
El morado 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 morado 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 morado lo convierte en una excelente opción para una amplia gama de diseños de interfaces, desde aplicaciones creativas hasta plataformas financieras. Al usar el morado 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 morado tiene una rica historia que se remonta a los años 1500. Más allá de la ocasional flor o gema, el morado rara vez se ve en la naturaleza. Los usos históricos del morado provienen principalmente de tintes hechos por el hombre usando moco de caracol.
A veces conocido como morado real, este color ha representado lujo, riqueza y sofisticación durante siglos. Las realezas de Egipto, Roma y Persia popularizaron la reverencia por el morado al limitar su uso a la ropa y joyas de miembros de la sociedad de alto rango.
Hoy en día, el morado mantiene su reputación de riqueza y sofisticación mientras es más accesible para las masas.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Neblina morada
Reacción alquímica
Fantasía fucsia
Verificador de contraste
Contraste 5,42
- Texto grande
#9D00FF
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 3,88
- Texto grande
#9D00FF
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #9d00ff, también conocido como Morado, 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) |
