Creato a 03/03/2019 12:56
2
Bootstrap 4 background colors (classes) palette
bg-primary
#007bff
bg-secondary
#6c757d
bg-success
#28a745
bg-danger
#dc3545
bg-warning
#ffc107
bg-info
#17a2b8
bg-light
#f8f9fa
bg-dark
#343a40
bg-white
#ffffff
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati bg-primary #007bff e bg-warning #ffc107. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza Bootstrap 4 background colors (classes) palette ha una combinazione di colori dei codici 9:
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); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
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, Bianco
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Bootstrap 4 background colors (classes) palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #007bff | RGB(0, 123, 255) | bg-primary | — | |
| #6c757d | RGB(108, 117, 125) | bg-secondary | Pompeii Ash | |
| #28a745 | RGB(40, 167, 69) | bg-success | — | |
| #dc3545 | RGB(220, 53, 69) | bg-danger | — | |
| #ffc107 | RGB(255, 193, 7) | bg-warning | — | |
| #17a2b8 | RGB(23, 162, 184) | bg-info | — | |
| #f8f9fa | RGB(248, 249, 250) | bg-light | — | |
| #343a40 | RGB(52, 58, 64) | bg-dark | — | |
| #ffffff | RGB(255, 255, 255) | bg-white | White |
Contrasto della palette di colori
15 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 |
