Creato a 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 tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Primary #0166fa e Warning #ffc107. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza bootstrap 5 fs site ha una combinazione di colori dei codici 12:
ESADECIMALE: #80888f, RGB: (128, 136, 143); ESADECIMALE: #0166fa, RGB: (1, 102, 250); 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: #5b23fb, RGB: (91, 35, 251); ESADECIMALE: #fafafa, RGB: (250, 250, 250); ESADECIMALE: #404951, RGB: (64, 73, 81)
ESADECIMALE: #9c27b0, RGB: (156, 39, 176); ESADECIMALE: #7b1fa2, RGB: (123, 31, 162); ESADECIMALE: #a1c620, RGB: (161, 198, 32)
Versione semplificata della tavolozza dei colori
Ombra di lightslategrey, Tonalità di royalblue, Tonalità di mediumseagreen, Ombra di crimson, Tonalità di gold, Tonalità di cadetblue, Ombra di Blu, Ombra di whitesmoke, Ombra di darkslategrey, Tonalità di darkorchid, Ombra di darkmagenta, Tonalità di Giallo verde
La combinazione di colori è stata creata da fsh
Codici colori nella tavolozza
bootstrap 5 fs site codici colore HEX, informazioni RGB in tabella
Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
#80888f | RGB(128, 136, 143) | Secondary | — | |
#0166fa | RGB(1, 102, 250) | Primary | — | |
#28a745 | RGB(40, 167, 69) | Success | — | |
#dc3545 | RGB(220, 53, 69) | Danger | — | |
#ffc107 | RGB(255, 193, 7) | Warning | — | |
#17a2b8 | RGB(23, 162, 184) | Info | — | |
#5b23fb | RGB(91, 35, 251) | Dark-Blue | — | |
#fafafa | RGB(250, 250, 250) | Light | Dr. White | |
#404951 | RGB(64, 73, 81) | Dark | — | |
#9c27b0 | RGB(156, 39, 176) | Light-Purple | — | |
#7b1fa2 | RGB(123, 31, 162) | Purple | — | |
#a1c620 | RGB(161, 198, 32) | Light-Greean | — |
Contrasto della palette di colori
33 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 |
#80888f | #0166fa | 1.36 |
#80888f | #28a745 | 1.14 |
#80888f | #dc3545 | 1.25 |
#80888f | #17a2b8 | 1.18 |
#80888f | #5b23fb | 1.89 |
#80888f | #9c27b0 | 1.75 |