Créé à 08/30/2021 08:26
bootstrap 5 fs site
Secondary
#80888f
Primary
#0166fa
Success
#28a745
Danger
#dc3545
Warning
#ffc107
Info
#17a2b8
Dark-Blue
#5b23fb
Light
#fafafa
Dark
#404951
Light-Purple
#9c27b0
Purple
#7b1fa2
Light-Greean
#a1c620
La palette se compose de Lumière, Semi foncé couleurs. Couleurs d'accent Primary #0166fa et Warning #ffc107. La palette a une température de couleur Froid, Chaud, Neutre.
La palette bootstrap 5 fs site a une combinaison de couleurs de codes 12:
HEX: #80888f, RVB: (128, 136, 143); HEX: #0166fa, RVB: (1, 102, 250); HEX: #28a745, RVB: (40, 167, 69)
HEX: #dc3545, RVB: (220, 53, 69); HEX: #ffc107, RVB: (255, 193, 7); HEX: #17a2b8, RVB: (23, 162, 184)
HEX: #5b23fb, RVB: (91, 35, 251); HEX: #fafafa, RVB: (250, 250, 250); HEX: #404951, RVB: (64, 73, 81)
HEX: #9c27b0, RVB: (156, 39, 176); HEX: #7b1fa2, RVB: (123, 31, 162); HEX: #a1c620, RVB: (161, 198, 32)
Version simplifiée des couleurs de la palette
Ombre de lightslategrey, Nuance de royalblue, Nuance de mediumseagreen, Ombre de crimson, Nuance de gold, Nuance de cadetblue, Ombre de Bleu, Ombre de whitesmoke, Ombre de darkslategrey, Nuance de darkorchid, Ombre de darkmagenta, Nuance de Vert jaunâtre
Le jeu de couleurs a été créé par fsh
Codes couleurs dans la palette
bootstrap 5 fs site codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #80888f | RVB(128, 136, 143) | Secondary | — | |
| #0166fa | RVB(1, 102, 250) | Primary | — | |
| #28a745 | RVB(40, 167, 69) | Success | — | |
| #dc3545 | RVB(220, 53, 69) | Danger | — | |
| #ffc107 | RVB(255, 193, 7) | Warning | — | |
| #17a2b8 | RVB(23, 162, 184) | Info | — | |
| #5b23fb | RVB(91, 35, 251) | Dark-Blue | — | |
| #fafafa | RVB(250, 250, 250) | Light | Dr. White | |
| #404951 | RVB(64, 73, 81) | Dark | — | |
| #9c27b0 | RVB(156, 39, 176) | Light-Purple | — | |
| #7b1fa2 | RVB(123, 31, 162) | Purple | — | |
| #a1c620 | RVB(161, 198, 32) | Light-Greean | — |
Contraste de la palette de couleurs
33 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 |
#80888f | #0166fa | 1.36 |
#80888f | #28a745 | 1.14 |
#80888f | #dc3545 | 1.25 |
#80888f | #17a2b8 | 1.18 |
#80888f | #5b23fb | 1.89 |
#80888f | #9c27b0 | 1.75 |
