Creato a 08/30/2021 08:26
  0.53k

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
Registrazione per salvare la tavolozza nella raccolta
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)LightDr. 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

Tavolozza immagini bootstrap 5 fs site png

Colori della tavolozza: Come usare?

Fare clic su qualsiasi colore da aggiungere Tavolozza
Tavolozza veloce
Massimo 10 tavolozze Confrontare
Come usare?
Fare clic sull'icona «Confronta». per aggiungere la tavolozza Confronta le tavolozze elenco
Confronta tavolozze