Creato a 08/25/2025 19:21
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
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 Green | Emerald 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
Esporta tavolozza
Scarica la "React Hook Component Light/Dark Flow ColorsKit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: