Creato a 06/21/2018 08:21
Spectre.css colors palette
Primary
#5755d9
Secondary
#f1f1fc
Success
#32b643
Warning
#ffb700
Error
#e85600
Dark
#454d5d
Gray dark
#727e96
Gray
#acb3c2
Gray light
#e7e9ed
Border
#f0f1f4
Background
#f8f9fa
Light
#ffffff
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati Secondary #f1f1fc e Warning #ffb700. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
La tavolozza Spectre.css colors palette ha una combinazione di colori dei codici 12:
ESADECIMALE: #5755d9, RGB: (87, 85, 217); ESADECIMALE: #f1f1fc, RGB: (241, 241, 252); ESADECIMALE: #32b643, RGB: (50, 182, 67)
ESADECIMALE: #ffb700, RGB: (255, 183, 0); ESADECIMALE: #e85600, RGB: (232, 86, 0); ESADECIMALE: #454d5d, RGB: (69, 77, 93)
ESADECIMALE: #727e96, RGB: (114, 126, 150); ESADECIMALE: #acb3c2, RGB: (172, 179, 194); ESADECIMALE: #e7e9ed, RGB: (231, 233, 237)
ESADECIMALE: #f0f1f4, RGB: (240, 241, 244); ESADECIMALE: #f8f9fa, RGB: (248, 249, 250); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
Versione semplificata della tavolozza dei colori
Tonalità di slateblue, Tonalità di ghostwhite, Tonalità di limegreen, Ombra di Arancia, Ombra di orangered, Tonalità di dimgrey, Ombra di slategrey, Tonalità di lightsteelblue, Ombra di gainsboro, Tonalità di whitesmoke, Ombra di whitesmoke, Bianco
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Spectre.css colors palette codici colore HEX, informazioni RGB in tabella
Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
#5755d9 | RGB(87, 85, 217) | Primary | — | |
#f1f1fc | RGB(241, 241, 252) | Secondary | — | |
#32b643 | RGB(50, 182, 67) | Success | — | |
#ffb700 | RGB(255, 183, 0) | Warning | Sunflower Mango | |
#e85600 | RGB(232, 86, 0) | Error | — | |
#454d5d | RGB(69, 77, 93) | Dark | — | |
#727e96 | RGB(114, 126, 150) | Gray dark | — | |
#acb3c2 | RGB(172, 179, 194) | Gray | — | |
#e7e9ed | RGB(231, 233, 237) | Gray light | — | |
#f0f1f4 | RGB(240, 241, 244) | Border | — | |
#f8f9fa | RGB(248, 249, 250) | Background | — | |
#ffffff | RGB(255, 255, 255) | Light | White |
Contrasto della palette di colori
30 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 |
#5755d9 | #e85600 | 1.55 |
#5755d9 | #454d5d | 1.49 |
#5755d9 | #727e96 | 1.38 |
#f1f1fc | #ffb700 | 1.55 |
#f1f1fc | #acb3c2 | 1.87 |
#f1f1fc | #e7e9ed | 1.08 |