Creato a 12/29/2017 21:43
dimz
  2.04k

Reactjs colors palette

#61dafb
#20232a
#282c34
#ffffff
#fac863
#c5a5c5
#fc929e
#79b6f2
#8dc891
#5fb3b3
Registrazione per salvare la tavolozza nella raccolta
La tavolozza è composta da Leggero, Buio colori. Colori accentati #61dafb e #fc929e. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
La tavolozza Reactjs colors palette ha una combinazione di colori dei codici 10:
ESADECIMALE: #61dafb, RGB: (97, 218, 251); ESADECIMALE: #20232a, RGB: (32, 35, 42); ESADECIMALE: #282c34, RGB: (40, 44, 52)
ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #fac863, RGB: (250, 200, 99); ESADECIMALE: #c5a5c5, RGB: (197, 165, 197)
ESADECIMALE: #fc929e, RGB: (252, 146, 158); ESADECIMALE: #79b6f2, RGB: (121, 182, 242); ESADECIMALE: #8dc891, RGB: (141, 200, 145)
ESADECIMALE: #5fb3b3, RGB: (95, 179, 179)
Versione semplificata della tavolozza dei colori
Tonalità di skyblue, Ombra di Nero, Ombra di Nero, Bianco, Ombra di goldenrod, Tonalità di thistle, Ombra di lightcoral, Tonalità di lightskyblue, Ombra di darkseagreen, Ombra di lightseagreen
La combinazione di colori è stata creata da mz

Codici colori nella tavolozza

Reactjs colors palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#61dafb RGB(97, 218, 251)
#20232a RGB(32, 35, 42)
#282c34 RGB(40, 44, 52)
#ffffff RGB(255, 255, 255)White
#fac863 RGB(250, 200, 99)
#c5a5c5 RGB(197, 165, 197)
#fc929e RGB(252, 146, 158)
#79b6f2 RGB(121, 182, 242)
#8dc891 RGB(141, 200, 145)
#5fb3b3 RGB(95, 179, 179)

Contrasto della palette di colori

25 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
#61dafb
#ffffff
1.62
#61dafb
#fac863
1.04
#61dafb
#c5a5c5
1.35
#61dafb
#fc929e
1.32
#61dafb
#79b6f2
1.32
#61dafb
#8dc891
1.19

Tavolozza immagini Reactjs 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