Creato a 02/26/2019 12:23
  4.56k

Tailwind CSS default colors palette

#b8c2cc
#e3342f
#f6993f
#ffed4a
#38c172
#4dc0b5
#3490dc
#6574cd
#9561e2
#f66d9b
Registrazione per salvare la tavolozza nella raccolta
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #ffed4a e #3490dc. La tavolozza ha la temperatura del colore Freddo, Caldo.
La tavolozza Tailwind CSS default colors palette ha una combinazione di colori dei codici 10:
ESADECIMALE: #b8c2cc, RGB: (184, 194, 204); ESADECIMALE: #e3342f, RGB: (227, 52, 47); ESADECIMALE: #f6993f, RGB: (246, 153, 63)
ESADECIMALE: #ffed4a, RGB: (255, 237, 74); ESADECIMALE: #38c172, RGB: (56, 193, 114); ESADECIMALE: #4dc0b5, RGB: (77, 192, 181)
ESADECIMALE: #3490dc, RGB: (52, 144, 220); ESADECIMALE: #6574cd, RGB: (101, 116, 205); ESADECIMALE: #9561e2, RGB: (149, 97, 226)
ESADECIMALE: #f66d9b, RGB: (246, 109, 155)
Versione semplificata della tavolozza dei colori
Ombra di Argento, Ombra di Rosso, Ombra di darkorange, Tonalità di Giallo, Ombra di mediumseagreen, Ombra di lightseagreen, Ombra di dodgerblue, Ombra di royalblue, Tonalità di mediumpurple, Ombra di palevioletred
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Tailwind CSS default colors palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#b8c2cc RGB(184, 194, 204)
#e3342f RGB(227, 52, 47)
#f6993f RGB(246, 153, 63)
#ffed4a RGB(255, 237, 74)
#38c172 RGB(56, 193, 114)
#4dc0b5 RGB(77, 192, 181)
#3490dc RGB(52, 144, 220)
#6574cd RGB(101, 116, 205)
#9561e2 RGB(149, 97, 226)
#f66d9b RGB(246, 109, 155)

Contrasto della palette di colori

37 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
#b8c2cc
#f6993f
1.21
#b8c2cc
#ffed4a
1.5
#b8c2cc
#38c172
1.28
#b8c2cc
#4dc0b5
1.22
#b8c2cc
#3490dc
1.88
#b8c2cc
#f66d9b
1.53

Tavolozza immagini Tailwind CSS default 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