Creato a 05/01/2019 08:58
Bootstrap 4 Badge colors
primary
#007bff
secondary
#6c757d
success
#28a745
danger
#dc3545
warning
#ffc107
info
#17a2b8
light
#f8f9fa
dark
#343a40
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati primary #007bff e warning #ffc107. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza Bootstrap 4 Badge colors ha una combinazione di colori dei codici 8:
ESADECIMALE: #007bff, RGB: (0, 123, 255); ESADECIMALE: #6c757d, RGB: (108, 117, 125); ESADECIMALE: #28a745, RGB: (40, 167, 69)
ESADECIMALE: #dc3545, RGB: (220, 53, 69); ESADECIMALE: #ffc107, RGB: (255, 193, 7); ESADECIMALE: #17a2b8, RGB: (23, 162, 184)
ESADECIMALE: #f8f9fa, RGB: (248, 249, 250); ESADECIMALE: #343a40, RGB: (52, 58, 64)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Tonalità di slategrey, Tonalità di mediumseagreen, Ombra di crimson, Tonalità di gold, Tonalità di cadetblue, Ombra di whitesmoke, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Bootstrap 4 Badge colors codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #007bff | RGB(0, 123, 255) | primary | — | |
| #6c757d | RGB(108, 117, 125) | secondary | Pompeii Ash | |
| #28a745 | RGB(40, 167, 69) | success | — | |
| #dc3545 | RGB(220, 53, 69) | danger | — | |
| #ffc107 | RGB(255, 193, 7) | warning | — | |
| #17a2b8 | RGB(23, 162, 184) | info | — | |
| #f8f9fa | RGB(248, 249, 250) | light | — | |
| #343a40 | RGB(52, 58, 64) | dark | — |
Contrasto della palette di colori
13 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
#007bff | #6c757d | 1.17 |
#007bff | #28a745 | 1.27 |
#007bff | #dc3545 | 1.13 |
#007bff | #17a2b8 | 1.3 |
#6c757d | #28a745 | 1.49 |
#6c757d | #dc3545 | 1.03 |
