Creato a 09/04/2019 13:00
bs4/all-colors-palette
blue
#007bff
indigo
#6610f2
purple
#6f42c1
pink
#e83e8c
red
#dc3545
orange
#fd7e14
yellow
#ffc107
green
#28a745
teal
#20c997
cyan
#17a2b8
white
#ffffff
gray
#6c757d
gray-dark
#343a40
primary
#007bff
secondary
#6c757d
success
#28a745
info
#17a2b8
warning
#ffc107
danger
#dc3545
light
#f8f9fa
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati blue #007bff e yellow #ffc107 e primary #007bff e warning #ffc107. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza bs4/all-colors-palette ha una combinazione di colori dei codici 20:
ESADECIMALE: #007bff, RGB: (0, 123, 255); ESADECIMALE: #6610f2, RGB: (102, 16, 242); ESADECIMALE: #6f42c1, RGB: (111, 66, 193)
ESADECIMALE: #e83e8c, RGB: (232, 62, 140); ESADECIMALE: #dc3545, RGB: (220, 53, 69); ESADECIMALE: #fd7e14, RGB: (253, 126, 20)
ESADECIMALE: #ffc107, RGB: (255, 193, 7); ESADECIMALE: #28a745, RGB: (40, 167, 69); ESADECIMALE: #20c997, RGB: (32, 201, 151)
ESADECIMALE: #17a2b8, RGB: (23, 162, 184); ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #6c757d, RGB: (108, 117, 125)
ESADECIMALE: #343a40, RGB: (52, 58, 64); ESADECIMALE: #007bff, RGB: (0, 123, 255); ESADECIMALE: #6c757d, RGB: (108, 117, 125)
ESADECIMALE: #28a745, RGB: (40, 167, 69); ESADECIMALE: #17a2b8, RGB: (23, 162, 184); ESADECIMALE: #ffc107, RGB: (255, 193, 7)
ESADECIMALE: #dc3545, RGB: (220, 53, 69); ESADECIMALE: #f8f9fa, RGB: (248, 249, 250)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Tonalità di blueviolet, Ombra di blueviolet, Ombra di deeppink, Ombra di crimson, Tonalità di darkorange, Tonalità di gold, Tonalità di mediumseagreen, Tonalità di mediumaquamarine, Tonalità di cadetblue, Bianco, Tonalità di slategrey, Tonalità di darkslategrey, Tonalità di steelblue, Tonalità di slategrey, Tonalità di mediumseagreen, Tonalità di cadetblue, Tonalità di gold, Ombra di crimson, Ombra di whitesmoke
La combinazione di colori è stata creata da David Acevedo
Codici colori nella tavolozza
bs4/all-colors-palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #007bff | RGB(0, 123, 255) | blue | — | |
| #6610f2 | RGB(102, 16, 242) | indigo | — | |
| #6f42c1 | RGB(111, 66, 193) | purple | — | |
| #e83e8c | RGB(232, 62, 140) | pink | — | |
| #dc3545 | RGB(220, 53, 69) | red | — | |
| #fd7e14 | RGB(253, 126, 20) | orange | — | |
| #ffc107 | RGB(255, 193, 7) | yellow | — | |
| #28a745 | RGB(40, 167, 69) | green | — | |
| #20c997 | RGB(32, 201, 151) | teal | — | |
| #17a2b8 | RGB(23, 162, 184) | cyan | — | |
| #ffffff | RGB(255, 255, 255) | white | — | |
| #6c757d | RGB(108, 117, 125) | gray | Pompeii Ash | |
| #343a40 | RGB(52, 58, 64) | gray-dark | — | |
| #007bff | RGB(0, 123, 255) | primary | — | |
| #6c757d | RGB(108, 117, 125) | secondary | Pompeii Ash | |
| #28a745 | RGB(40, 167, 69) | success | — | |
| #17a2b8 | RGB(23, 162, 184) | info | — | |
| #ffc107 | RGB(255, 193, 7) | warning | — | |
| #dc3545 | RGB(220, 53, 69) | danger | — | |
| #f8f9fa | RGB(248, 249, 250) | light | — |
Contrasto della palette di colori
109 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 | #6610f2 | 1.8 |
#007bff | #6f42c1 | 1.63 |
#007bff | #e83e8c | 1.04 |
#007bff | #dc3545 | 1.13 |
#007bff | #fd7e14 | 1.54 |
#007bff | #28a745 | 1.27 |
