Genera tavolozza
  1. Tavolozze di colori
  2. Reactjs colors palette

Reactjs colors palette

  • #61dafb
  • #20232a
  • #282c34
  • #ffffff
  • #fac863
  • #c5a5c5
  • #fc929e
  • #79b6f2
  • #8dc891
  • #5fb3b3
  2.1k
Creato il 12/29/2017 21:43
dimz
La tavolozza è composta da Chiaro, Scuro colori. Colori d'accento #61dafb e #fc929e. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.

Per luminosità, la tavolozza va da #20232A (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.

Saturazione mista — 4 smorzati e 4 vivaci su 10 colori.

Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.

Complessivamente la temperatura tende al freddo (7 su 10).

Codici HEX (ordinati): #20232A, #282C34, #5FB3B3, #61DAFB, #79B6F2, #8DC891, #C5A5C5, #FAC863, #FC929E, #FFFFFF

La tavolozza Reactjs colors palette combina 10 codici colore:
HEX: #61dafb, RGB: (97, 218, 251); HEX: #20232a, RGB: (32, 35, 42); HEX: #282c34, RGB: (40, 44, 52)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #fac863, RGB: (250, 200, 99); HEX: #c5a5c5, RGB: (197, 165, 197)
HEX: #fc929e, RGB: (252, 146, 158); HEX: #79b6f2, RGB: (121, 182, 242); HEX: #8dc891, RGB: (141, 200, 145)
HEX: #5fb3b3, RGB: (95, 179, 179)
Versione semplificata della tavolozza dei colori
Sfumatura di Azzurro cielo, Tinta di Nero, Tinta di Nero, Bianco, Tinta di Verga d'oro, Sfumatura di Cardo, Tinta di Corallo chiaro, Sfumatura di Azzurro cielo chiaro, Tinta di Verde mare scuro, Tinta di Verde mare chiaro
La combinazione di colori è stata creata da mz

Codici colori nella tavolozza

Reactjs colors palette codici colore HEX, informazioni RGB in tabella

ColoreHEXRGBNomeNome alternativo
#61dafb#61dafbRGB(97, 218, 251)——
#20232a#20232aRGB(32, 35, 42)——
#282c34#282c34RGB(40, 44, 52)——
#ffffff#ffffffRGB(255, 255, 255)—White
#fac863#fac863RGB(250, 200, 99)——
#c5a5c5#c5a5c5RGB(197, 165, 197)——
#fc929e#fc929eRGB(252, 146, 158)——
#79b6f2#79b6f2RGB(121, 182, 242)——
#8dc891#8dc891RGB(141, 200, 145)——
#5fb3b3#5fb3b3RGB(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 testoColore di sfondoRapporto 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

Reactjs colors palette: #61dafb, #20232a, #282c34, #ffffff, #fac863, #c5a5c5, #fc929e, #79b6f2, #8dc891, #5fb3b3
 Scarica l'immagine