Neon Night UX Matrix
- Grid Black#0f0f0f
- Accent Fuchsia#f72585
- Pulse Cyan#03dac6
- Glow Yellow#f6f930
- Frame Blueberry#3f37c9
- Cursor White Smoke#f5f5f5
Créé le 07/02/2025 16:48
La palette se compose de Sombre, Clair, Semi foncé couleurs. Couleurs d'accent Accent Fuchsia #f72585 et Pulse Cyan #03dac6. La palette a une température de couleur Neutre, Chaud, Froid.
En luminosité, cette palette va de #0F0F0F (plus sombre) à #F5F5F5 (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée) — 67% des couleurs sont vives.
Certaines couleurs sont presque opposées sur le cercle chromatique, ce qui donne à la palette un contraste complémentaire.
Les notes chaudes et froides sont assez équilibrées (2 chaudes, 2 froides).
Codes HEX (triés) : #03DAC6, #0F0F0F, #3F37C9, #F5F5F5, #F6F930, #F72585
La palette Neon Night UX Matrix combine 6 codes couleur:
HEX: #0f0f0f, RVB: (15, 15, 15); HEX: #f72585, RVB: (247, 37, 133); HEX: #03dac6, RVB: (3, 218, 198)
HEX: #f6f930, RVB: (246, 249, 48); HEX: #3f37c9, RVB: (63, 55, 201); HEX: #f5f5f5, RVB: (245, 245, 245)
Version simplifiée des couleurs de la palette
Teinte de Noir, Teinte de Rose profond, Nuance de Turquoise, Nuance de Jaune, Teinte de Bleu, Fumée blanche
Le jeu de couleurs a été créé par bad_colors
Codes couleurs dans la palette
Neon Night UX Matrix codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #0f0f0f | #0f0f0f | RVB(15, 15, 15) | Grid Black | Chaos Black |
| #f72585 | #f72585 | RVB(247, 37, 133) | Accent Fuchsia | — |
| #03dac6 | #03dac6 | RVB(3, 218, 198) | Pulse Cyan | — |
| #f6f930 | #f6f930 | RVB(246, 249, 48) | Glow Yellow | — |
| #3f37c9 | #3f37c9 | RVB(63, 55, 201) | Frame Blueberry | — |
| #f5f5f5 | #f5f5f5 | RVB(245, 245, 245) | Cursor White Smoke | Whitesmoke |
Contraste de la palette de couleurs
3 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 |
|---|---|---|
#03dac6 | #f6f930 | 1.56 |
#03dac6 | #f5f5f5 | 1.62 |
#f6f930 | #f5f5f5 | 1.04 |
Palette d'images Neon Night UX Matrix png
Exporter la palette
Téléchargez la "Neon Night UX Matrix" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :