Progressive Web Application Matrix
- Manifest Violet#a78bfa
- Install Prompt Teal#2dd4bf
- Service Worker Gray#94a3b8
- Offline Mode Cream#fef9c3
- Push Notification Coral#fb7185
- Sync Cloud Blue#60a5fa
- Shell UI White#f8fafc
Creado en 07/19/2025 07:28
La paleta consta de Claro colores. Colores de acento Offline Mode Cream #fef9c3 y Sync Cloud Blue #60a5fa. La paleta tiene temperatura de color Frío, Cálido, Neutral.
Por luminosidad, la paleta va de #A78BFA (más oscuro) a #F8FAFC (más claro). El rango de luminosidad es moderado.
La saturación global se siente viva (croma alto) — el 71% de los colores son vivos.
Algunos colores están casi opuestos en la rueda de color, lo que da a la paleta un contraste complementario.
En conjunto, la temperatura de color tiende al frío (4 de 7).
Códigos HEX (ordenados): #2DD4BF, #60A5FA, #94A3B8, #A78BFA, #F8FAFC, #FB7185, #FEF9C3
La paleta Progressive Web Application Matrix combina 7 códigos de color:
HEX: #a78bfa, RGB: (167, 139, 250); HEX: #2dd4bf, RGB: (45, 212, 191); HEX: #94a3b8, RGB: (148, 163, 184)
HEX: #fef9c3, RGB: (254, 249, 195); HEX: #fb7185, RGB: (251, 113, 133); HEX: #60a5fa, RGB: (96, 165, 250)
HEX: #f8fafc, RGB: (248, 250, 252)
Versión simplificada de la paleta de colores
Tono claro de Púrpura medio, Tono oscuro de Turquesa, Tono claro de Gris pizarra claro, Tono oscuro de Gasa limón, Tono oscuro de Coral claro, Tono claro de Azul aciano, Tono claro de Humo blanco
El esquema de color fue creado por colorday
Códigos de colores en la paleta
Progressive Web Application Matrix códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #a78bfa | #a78bfa | RGB(167, 139, 250) | Manifest Violet | — |
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Install Prompt Teal | — |
| #94a3b8 | #94a3b8 | RGB(148, 163, 184) | Service Worker Gray | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Offline Mode Cream | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Push Notification Coral | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Sync Cloud Blue | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Shell UI White | — |
Contraste de la paleta de colores
13 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
| Color de texto | Color de fondo | Relación de contraste |
|---|---|---|
#a78bfa | #2dd4bf | 1.46 |
#a78bfa | #94a3b8 | 1.06 |
#a78bfa | #fb7185 | 1.01 |
#a78bfa | #60a5fa | 1.07 |
#2dd4bf | #94a3b8 | 1.37 |
#2dd4bf | #fef9c3 | 1.73 |
Paleta de imágenes Progressive Web Application Matrix png
Exportar paleta
Descargue la "Progressive Web Application Matrix" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: