Créé à 06/21/2018 08:21
  1.75k

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
S'identifier enregistrer la palette dans la collection
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)WarningSunflower 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)LightWhite

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

Palette d'images Spectre.css colors palette png

Palettes de couleurs: Comment utiliser?

Cliquez sur n'importe quelle couleur pour l'ajouter Palette
Palette rapide
Palettes 10 maximales Comparer
Comment utiliser?
Cliquez sur l'icône «Comparer» pour ajouter Palette dans Comparer les palettes de liste
Comparer les palettes