Créé à 10/30/2022 14:48
Navigation dark theme component ui colors
Palatinate Blue
#2d4cee
Blueberry
#5a78e8
Space Cadet
#1c3754
Shadow Blue
#8186a3
Silver Chalice
#b1a9ae
Space Cadet
#2c2c4c
La palette se compose de Semi foncé, Lumière, Sombre couleurs. Couleurs d'accent Palatinate Blue #2d4cee et Blueberry #5a78e8. La palette a une température de couleur Froid, Neutre.
En luminosité, cette palette va de #1C3754 (plus sombre) à #B1A9AE (plus clair). L’écart de luminosité est modéré.
Saturation mixte — passages atténués et accents plus vifs.
Les teintes suggèrent un groupe surtout analogue (heuristique, pas une règle stricte).
La température globale penche vers le froid.
Codes HEX (triés) : #1C3754, #2C2C4C, #2D4CEE, #5A78E8, #8186A3, #B1A9AE
La palette Navigation dark theme component ui colors a une combinaison de couleurs de codes 6:
HEX: #2d4cee, RVB: (45, 76, 238); HEX: #5a78e8, RVB: (90, 120, 232); HEX: #1c3754, RVB: (28, 55, 84)
HEX: #8186a3, RVB: (129, 134, 163); HEX: #b1a9ae, RVB: (177, 169, 174); HEX: #2c2c4c, RVB: (44, 44, 76)
Version simplifiée des couleurs de la palette
Nuance de slateblue, Ombre de royalblue, Ombre de midnightblue, Ombre de lightslategrey, Ombre de darkgrey, Ombre de midnightblue
Le jeu de couleurs a été créé par colorswall
Codes couleurs dans la palette
Navigation dark theme component ui colors codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #2d4cee | #2d4cee | RVB(45, 76, 238) | Palatinate Blue | — |
| #5a78e8 | #5a78e8 | RVB(90, 120, 232) | Blueberry | — |
| #1c3754 | #1c3754 | RVB(28, 55, 84) | Space Cadet | — |
| #8186a3 | #8186a3 | RVB(129, 134, 163) | Shadow Blue | — |
| #b1a9ae | #b1a9ae | RVB(177, 169, 174) | Silver Chalice | — |
| #2c2c4c | #2c2c4c | RVB(44, 44, 76) | Space Cadet | — |
Contraste de la palette de couleurs
7 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 |
#2d4cee | #5a78e8 | 1.56 |
#2d4cee | #1c3754 | 1.96 |
#2d4cee | #8186a3 | 1.73 |
#5a78e8 | #8186a3 | 1.11 |
#5a78e8 | #b1a9ae | 1.73 |
#1c3754 | #2c2c4c | 1.09 |
Palette d'images Navigation dark theme component ui colors png
Exporter la palette
Téléchargez la "Navigation dark theme component ui colors" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :