Creato a 02/23/2020 08:53
  0.96k

CSS Framework Foundation 6 colors

Alert
#cc4b37
Warning
#ffae00
Success
#3adb76
Secondary
#767676
Primary
#1779ba
Light Gray
#e6e6e6
Medium Gray
#cacaca
Dark Gray
#8a8a8a
Registrazione per salvare la tavolozza nella raccolta
La tavolozza è composta da Leggero colori. Colori accentati Warning #ffae00 e Primary #1779ba. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
La tavolozza CSS Framework Foundation 6 colors ha una combinazione di colori dei codici 8:
ESADECIMALE: #cc4b37, RGB: (204, 75, 55); ESADECIMALE: #ffae00, RGB: (255, 174, 0); ESADECIMALE: #3adb76, RGB: (58, 219, 118)
ESADECIMALE: #767676, RGB: (118, 118, 118); ESADECIMALE: #1779ba, RGB: (23, 121, 186); ESADECIMALE: #e6e6e6, RGB: (230, 230, 230)
ESADECIMALE: #cacaca, RGB: (202, 202, 202); ESADECIMALE: #8a8a8a, RGB: (138, 138, 138)
Versione semplificata della tavolozza dei colori
Tonalità di indianred, Ombra di Arancia, Tonalità di mediumspringgreen, Tonalità di Grigio, Tonalità di steelblue, Ombra di gainsboro, Ombra di Argento, Ombra di Grigio
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

CSS Framework Foundation 6 colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#cc4b37 RGB(204, 75, 55)Alert
#ffae00 RGB(255, 174, 0)Warning
#3adb76 RGB(58, 219, 118)Success
#767676 RGB(118, 118, 118)Secondary
#1779ba RGB(23, 121, 186)Primary
#e6e6e6 RGB(230, 230, 230)Light GrayExtraordinary Abundance of Tinge
#cacaca RGB(202, 202, 202)Medium Gray
#8a8a8a RGB(138, 138, 138)Dark GrayGray54

Contrasto della palette di colori

14 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
#cc4b37
#767676
1
#cc4b37
#1779ba
1.03
#cc4b37
#8a8a8a
1.31
#ffae00
#3adb76
1.02
#ffae00
#e6e6e6
1.48
#ffae00
#cacaca
1.13

Tavolozza immagini CSS Framework Foundation 6 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