Blue Grey palette Materialize CSS
- blue-grey darken-4#263238
- blue-grey darken-3#37474f
- blue-grey darken-2#455a64
- blue-grey darken-1#546e7a
- blue-grey#607d8b
- blue-grey lighten-1#78909c
- blue-grey lighten-2#90a4ae
- blue-grey lighten-3#b0bec5
- blue-grey lighten-4#cfd8dc
- blue-grey lighten-5#eceff1
Créé le 12/15/2017 21:20
La palette se compose de Sombre, Semi foncé, Clair couleurs. Couleurs d'accent blue-grey darken-4 #263238 et blue-grey darken-1 #546e7a. La palette a une température de couleur Froid, Neutre.
En luminosité, cette palette va de #263238 (plus sombre) à #ECEFF1 (plus clair). L’écart de luminosité est large.
La saturation semble globalement plutôt faible (chromie basse) — 100% des couleurs sont peu saturées.
Une palette analogue : ses teintes sont proches sur le cercle chromatique, dans environ 6°.
La température globale penche vers le froid (9 sur 10).
Codes HEX (triés) : #263238, #37474F, #455A64, #546E7A, #607D8B, #78909C, #90A4AE, #B0BEC5, #CFD8DC, #ECEFF1
La palette Blue Grey palette Materialize CSS combine 10 codes couleur:
HEX: #263238, RVB: (38, 50, 56); HEX: #37474f, RVB: (55, 71, 79); HEX: #455a64, RVB: (69, 90, 100)
HEX: #546e7a, RVB: (84, 110, 122); HEX: #607d8b, RVB: (96, 125, 139); HEX: #78909c, RVB: (120, 144, 156)
HEX: #90a4ae, RVB: (144, 164, 174); HEX: #b0bec5, RVB: (176, 190, 197); HEX: #cfd8dc, RVB: (207, 216, 220)
HEX: #eceff1, RVB: (236, 239, 241)
Version simplifiée des couleurs de la palette
Nuance de Gris ardoise foncé, Nuance de Gris ardoise foncé, Teinte de Gris ardoise foncé, Nuance de Gris ardoise, Nuance de Gris ardoise, Teinte de Gris ardoise clair, Nuance de Gris foncé, Nuance de Argent, Teinte de Gris clair, Nuance de Fumée blanche
Le jeu de couleurs a été créé par mz
Codes couleurs dans la palette
Blue Grey palette Materialize CSS codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
|---|---|---|---|---|
| #263238 | #263238 | RVB(38, 50, 56) | blue-grey darken-4 | — |
| #37474f | #37474f | RVB(55, 71, 79) | blue-grey darken-3 | — |
| #455a64 | #455a64 | RVB(69, 90, 100) | blue-grey darken-2 | — |
| #546e7a | #546e7a | RVB(84, 110, 122) | blue-grey darken-1 | — |
| #607d8b | #607d8b | RVB(96, 125, 139) | blue-grey | — |
| #78909c | #78909c | RVB(120, 144, 156) | blue-grey lighten-1 | — |
| #90a4ae | #90a4ae | RVB(144, 164, 174) | blue-grey lighten-2 | — |
| #b0bec5 | #b0bec5 | RVB(176, 190, 197) | blue-grey lighten-3 | Ocean Drive |
| #cfd8dc | #cfd8dc | RVB(207, 216, 220) | blue-grey lighten-4 | — |
| #eceff1 | #eceff1 | RVB(236, 239, 241) | blue-grey lighten-5 | — |
Contraste de la palette de couleurs
17 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 |
|---|---|---|
#263238 | #37474f | 1.36 |
#263238 | #455a64 | 1.81 |
#37474f | #455a64 | 1.33 |
#37474f | #546e7a | 1.78 |
#455a64 | #546e7a | 1.34 |
#455a64 | #607d8b | 1.65 |
Palette d'images Blue Grey palette Materialize CSS png
Exporter la palette
Téléchargez la "Blue Grey palette Materialize CSS" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :