Créé à 08/18/2025 08:36
Quantum UI Storyboard Mesh
- Quantum Blue#2563eb
- Narrative Pink#f472b6
- Logic Amber#fbbf24
- Diagram Teal#0d9488
- Card White#ffffff
- Depth Gray#64748b
La palette se compose de Semi foncé, Lumière couleurs. Couleurs d'accent Logic Amber #fbbf24 et Diagram Teal #0d9488. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #0D9488 (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée).
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
La température globale penche vers le froid.
Codes HEX (triés) : #0D9488, #2563EB, #64748B, #F472B6, #FBBF24, #FFFFFF
La palette Quantum UI Storyboard Mesh a une combinaison de couleurs de codes 6:
HEX: #2563eb, RVB: (37, 99, 235); HEX: #f472b6, RVB: (244, 114, 182); HEX: #fbbf24, RVB: (251, 191, 36)
HEX: #0d9488, RVB: (13, 148, 136); HEX: #ffffff, RVB: (255, 255, 255); HEX: #64748b, RVB: (100, 116, 139)
Version simplifiée des couleurs de la palette
Nuance de royalblue, Ombre de hotpink, Ombre de goldenrod, Ombre de darkcyan, Blanc, Nuance de slategrey
Le jeu de couleurs a été créé par palettespicker
Codes couleurs dans la palette
Quantum UI Storyboard Mesh codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #2563eb | #2563eb | RVB(37, 99, 235) | Quantum Blue | — |
| #f472b6 | #f472b6 | RVB(244, 114, 182) | Narrative Pink | — |
| #fbbf24 | #fbbf24 | RVB(251, 191, 36) | Logic Amber | — |
| #0d9488 | #0d9488 | RVB(13, 148, 136) | Diagram Teal | — |
| #ffffff | #ffffff | RVB(255, 255, 255) | Card White | White |
| #64748b | #64748b | RVB(100, 116, 139) | Depth Gray | — |
Contraste de la palette de couleurs
8 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
| Couleur du texte | Couleur de l'arrière plan | Rapport de contraste |
#2563eb | #f472b6 | 1.95 |
#2563eb | #0d9488 | 1.38 |
#2563eb | #64748b | 1.08 |
#f472b6 | #fbbf24 | 1.58 |
#f472b6 | #0d9488 | 1.41 |
#f472b6 | #64748b | 1.79 |
Palette d'images Quantum UI Storyboard Mesh png
Exporter la palette
Téléchargez la "Quantum UI Storyboard Mesh" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :