Creato a 03/29/2024 13:28
  61

Picnic CSS Framework colors

primary
#3498db
secondary
#95a5a6
success
#2ecc71
info
#3498db
warning
#f1c40f
danger
#e74c3c
light
#ecf0f1
dark
#34495e
Registrazione per salvare la tavolozza nella raccolta
La tavolozza è composta da Leggero colori. Colori accentati primary #3498db e info #3498db e warning #f1c40f. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza Picnic CSS Framework colors ha una combinazione di colori dei codici 8:
ESADECIMALE: #3498db, RGB: (52, 152, 219); ESADECIMALE: #95a5a6, RGB: (149, 165, 166); ESADECIMALE: #2ecc71, RGB: (46, 204, 113)
ESADECIMALE: #3498db, RGB: (52, 152, 219); ESADECIMALE: #f1c40f, RGB: (241, 196, 15); ESADECIMALE: #e74c3c, RGB: (231, 76, 60)
ESADECIMALE: #ecf0f1, RGB: (236, 240, 241); ESADECIMALE: #34495e, RGB: (52, 73, 94)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Tonalità di darkgrey, Ombra di mediumseagreen, Ombra di dodgerblue, Tonalità di gold, Tonalità di tomato, Tonalità di whitesmoke, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorstudio

Codici colori nella tavolozza

Picnic CSS Framework colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#3498db RGB(52, 152, 219)primary
#95a5a6 RGB(149, 165, 166)secondary
#2ecc71 RGB(46, 204, 113)success
#3498db RGB(52, 152, 219)info
#f1c40f RGB(241, 196, 15)warning
#e74c3c RGB(231, 76, 60)danger
#ecf0f1 RGB(236, 240, 241)light
#34495e RGB(52, 73, 94)dark

Contrasto della palette di colori

16 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
#3498db
#95a5a6
1.23
#3498db
#2ecc71
1.5
#3498db
#3498db
1
#3498db
#f1c40f
1.89
#3498db
#e74c3c
1.21
#95a5a6
#2ecc71
1.21

Tavolozza immagini Picnic CSS Framework colors 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