Créé à 04/10/2021 08:51
bootstrap-def
blue
#007bff
indigo
#6610f2
purple
#6f42c1
pink
#e83e8c
red
#dc3545
orange
#fd7e14
yellow
#ffc107
green
#28a745
teal
#20c997
white
#ffffff
cyan
#17a2b8
gray
#6c757d
La palette se compose de Lumière, Semi foncé couleurs. Couleurs d'accent blue #007bff et yellow #ffc107. La palette a une température de couleur Froid, Chaud, Neutre.
La palette bootstrap-def a une combinaison de couleurs de codes 12:
HEX: #007bff, RVB: (0, 123, 255); HEX: #6610f2, RVB: (102, 16, 242); HEX: #6f42c1, RVB: (111, 66, 193)
HEX: #e83e8c, RVB: (232, 62, 140); HEX: #dc3545, RVB: (220, 53, 69); HEX: #fd7e14, RVB: (253, 126, 20)
HEX: #ffc107, RVB: (255, 193, 7); HEX: #28a745, RVB: (40, 167, 69); HEX: #20c997, RVB: (32, 201, 151)
HEX: #ffffff, RVB: (255, 255, 255); HEX: #17a2b8, RVB: (23, 162, 184); HEX: #6c757d, RVB: (108, 117, 125)
Version simplifiée des couleurs de la palette
Nuance de steelblue, Nuance de blueviolet, Ombre de blueviolet, Ombre de deeppink, Ombre de crimson, Nuance de darkorange, Nuance de gold, Nuance de mediumseagreen, Nuance de mediumaquamarine, Blanc, Nuance de cadetblue, Nuance de slategrey
Le jeu de couleurs a été créé par marko
Codes couleurs dans la palette
bootstrap-def codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #007bff | RVB(0, 123, 255) | blue | — | |
| #6610f2 | RVB(102, 16, 242) | indigo | — | |
| #6f42c1 | RVB(111, 66, 193) | purple | — | |
| #e83e8c | RVB(232, 62, 140) | pink | — | |
| #dc3545 | RVB(220, 53, 69) | red | — | |
| #fd7e14 | RVB(253, 126, 20) | orange | — | |
| #ffc107 | RVB(255, 193, 7) | yellow | — | |
| #28a745 | RVB(40, 167, 69) | green | — | |
| #20c997 | RVB(32, 201, 151) | teal | — | |
| #ffffff | RVB(255, 255, 255) | white | — | |
| #17a2b8 | RVB(23, 162, 184) | cyan | — | |
| #6c757d | RVB(108, 117, 125) | gray | Pompeii Ash |
Contraste de la palette de couleurs
40 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 |
#007bff | #6610f2 | 1.8 |
#007bff | #6f42c1 | 1.63 |
#007bff | #e83e8c | 1.04 |
#007bff | #dc3545 | 1.13 |
#007bff | #fd7e14 | 1.54 |
#007bff | #28a745 | 1.27 |
