Creato a 06/21/2018 08:21
  1.75k

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

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

Tavolozza immagini Spectre.css colors palette 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