Hergestellt in 08/25/2025 19:34
React Native Gamified Component Flow ColorsKit
- Hook Blue#4ea8de
- State Green#50c878
- Prop Pink#ff7f91
- Context Cream#fff4e1
- Render Slate#1f2029
- Virtual DOM Black#101010
- Highlight Orange#ff9f43
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Hook Blue #4ea8de und Context Cream #fff4e1. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #101010 (dunkelstes) bis #FFF4E1 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #101010, #1F2029, #4EA8DE, #50C878, #FF7F91, #FF9F43, #FFF4E1
Die Palette React Native Gamified Component Flow ColorsKit enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #4ea8de, RGB: (78, 168, 222); VERHEXEN: #50c878, RGB: (80, 200, 120); VERHEXEN: #ff7f91, RGB: (255, 127, 145)
VERHEXEN: #fff4e1, RGB: (255, 244, 225); VERHEXEN: #1f2029, RGB: (31, 32, 41); VERHEXEN: #101010, RGB: (16, 16, 16)
VERHEXEN: #ff9f43, RGB: (255, 159, 67)
Vereinfachte Version der Palettenfarben
Schatten von deepskyblue, Schatten von mediumseagreen, Schatten von lightcoral, Farbton von oldlace, Schatten von Schwarz, Schatten von Schwarz, Farbton von sandybrown
Farbschema wurde erstellt von colorstudio
Farbcodes in der Palette
React Native Gamified Component Flow ColorsKit Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #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 | — |
| #ff9f43 | #ff9f43 | RGB(255, 159, 67) | Highlight Orange | — |
Farbpalette Kontrast
9 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#4ea8de | #50c878 | 1.23 |
#4ea8de | #ff7f91 | 1.08 |
#4ea8de | #ff9f43 | 1.28 |
#50c878 | #ff7f91 | 1.13 |
#50c878 | #fff4e1 | 1.95 |
#50c878 | #ff9f43 | 1.04 |
Bildpalette React Native Gamified Component Flow ColorsKit png
Palette exportieren
Laden Sie die "React Native Gamified Component Flow ColorsKit" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: