Créé à 06/21/2018 08:21
Spectre.css colors palette
Primary
#5755d9
Secondary
#f1f1fc
Success
#32b643
Warning
#ffb700
Error
#e85600
Dark
#454d5d
Gray dark
#727e96
Gray
#acb3c2
Gray light
#e7e9ed
Border
#f0f1f4
Background
#f8f9fa
Light
#ffffff
La palette se compose de Semi foncé, Lumière couleurs. Couleurs d'accent Secondary #f1f1fc et Warning #ffb700. La palette a une température de couleur Froid, Neutre, Chaud.
La palette Spectre.css colors palette a une combinaison de couleurs de codes 12:
HEX: #5755d9, RVB: (87, 85, 217); HEX: #f1f1fc, RVB: (241, 241, 252); HEX: #32b643, RVB: (50, 182, 67)
HEX: #ffb700, RVB: (255, 183, 0); HEX: #e85600, RVB: (232, 86, 0); HEX: #454d5d, RVB: (69, 77, 93)
HEX: #727e96, RVB: (114, 126, 150); HEX: #acb3c2, RVB: (172, 179, 194); HEX: #e7e9ed, RVB: (231, 233, 237)
HEX: #f0f1f4, RVB: (240, 241, 244); HEX: #f8f9fa, RVB: (248, 249, 250); HEX: #ffffff, RVB: (255, 255, 255)
Version simplifiée des couleurs de la palette
Nuance de slateblue, Nuance de ghostwhite, Nuance de limegreen, Ombre de Orange, Ombre de orangered, Nuance de dimgrey, Ombre de slategrey, Nuance de lightsteelblue, Ombre de gainsboro, Nuance de whitesmoke, Ombre de whitesmoke, Blanc
Le jeu de couleurs a été créé par colorswall
Codes couleurs dans la palette
Spectre.css colors palette codes de couleur HEX, informations RVB dans le tableau
Couleur | HEX | RVB | Nom | Autre nom |
#5755d9 | RVB(87, 85, 217) | Primary | — | |
#f1f1fc | RVB(241, 241, 252) | Secondary | — | |
#32b643 | RVB(50, 182, 67) | Success | — | |
#ffb700 | RVB(255, 183, 0) | Warning | Sunflower Mango | |
#e85600 | RVB(232, 86, 0) | Error | — | |
#454d5d | RVB(69, 77, 93) | Dark | — | |
#727e96 | RVB(114, 126, 150) | Gray dark | — | |
#acb3c2 | RVB(172, 179, 194) | Gray | — | |
#e7e9ed | RVB(231, 233, 237) | Gray light | — | |
#f0f1f4 | RVB(240, 241, 244) | Border | — | |
#f8f9fa | RVB(248, 249, 250) | Background | — | |
#ffffff | RVB(255, 255, 255) | Light | White |
Contraste de la palette de couleurs
30 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 |
#5755d9 | #e85600 | 1.55 |
#5755d9 | #454d5d | 1.49 |
#5755d9 | #727e96 | 1.38 |
#f1f1fc | #ffb700 | 1.55 |
#f1f1fc | #acb3c2 | 1.87 |
#f1f1fc | #e7e9ed | 1.08 |