Loading...
Creato a 08/25/2025 19:21
  16

React Hook Component Light/Dark Flow ColorsKit

  • Hook Blue
    #4ea8de
  • State Green
    #50c878
  • Prop Pink
    #ff7f91
  • Context Cream
    #fff4e1
  • Render Slate
    #1f2029
  • Virtual DOM Black
    #101010
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati Hook Blue #4ea8de e Context Cream #fff4e1. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

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

La saturazione complessiva risulta vivida (croma alto).

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #101010, #1F2029, #4EA8DE, #50C878, #FF7F91, #FFF4E1

La tavolozza React Hook Component Light/Dark Flow ColorsKit ha una combinazione di colori dei codici 6:
ESADECIMALE: #4ea8de, RGB: (78, 168, 222); ESADECIMALE: #50c878, RGB: (80, 200, 120); ESADECIMALE: #ff7f91, RGB: (255, 127, 145)
ESADECIMALE: #fff4e1, RGB: (255, 244, 225); ESADECIMALE: #1f2029, RGB: (31, 32, 41); ESADECIMALE: #101010, RGB: (16, 16, 16)
Versione semplificata della tavolozza dei colori
Ombra di deepskyblue, Ombra di mediumseagreen, Ombra di lightcoral, Tonalità di oldlace, Ombra di Nero, Ombra di Nero
La combinazione di colori è stata creata da bad_colors

Codici colori nella tavolozza

React Hook Component Light/Dark Flow ColorsKit codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#4ea8de #4ea8de RGB(78, 168, 222)Hook Blue
#50c878 #50c878 RGB(80, 200, 120)State GreenEmerald Reflection
#ff7f91 #ff7f91 RGB(255, 127, 145)Prop Pink
#fff4e1 #fff4e1 RGB(255, 244, 225)Context Cream
#1f2029 #1f2029 RGB(31, 32, 41)Render Slate
#101010 #101010 RGB(16, 16, 16)Virtual DOM Black

Contrasto della palette di colori

5 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
#4ea8de
#50c878
1.23
#4ea8de
#ff7f91
1.08
#50c878
#ff7f91
1.13
#50c878
#fff4e1
1.95
#1f2029
#101010
1.17

Tavolozza immagini React Hook Component Light/Dark Flow ColorsKit png

Loading...
Loading...
Loading...