Loading...
Hergestellt in 07/10/2025 08:36
Semantic React Flow UI
- JS Logic Blue#2b59c3
- React Orchid#b892ff
- DOM White Grid#f9fafc
- Hooked Rose#ffb2bc
- UX Neutral Grey#d9dce1
- Signal Orange#ffa94d
Die Palette besteht aus Halbdunkel, Licht-Farben. Akzentfarben JS Logic Blue #2b59c3 und Hooked Rose #ffb2bc. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #2B59C3 (dunkelstes) bis #F9FAFC (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
Warme und kühle Felder sind ziemlich ausgeglichen.
HEX-Codes (sortiert): #2B59C3, #B892FF, #D9DCE1, #F9FAFC, #FFA94D, #FFB2BC
Die Palette Semantic React Flow UI enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #2b59c3, RGB: (43, 89, 195); VERHEXEN: #b892ff, RGB: (184, 146, 255); VERHEXEN: #f9fafc, RGB: (249, 250, 252)
VERHEXEN: #ffb2bc, RGB: (255, 178, 188); VERHEXEN: #d9dce1, RGB: (217, 220, 225); VERHEXEN: #ffa94d, RGB: (255, 169, 77)
Vereinfachte Version der Palettenfarben
Farbton von royalblue, Schatten von mediumpurple, Schatten von whitesmoke, Farbton von lightpink, Farbton von gainsboro, Schatten von sandybrown
Farbschema wurde erstellt von colorslib
Farbcodes in der Palette
Semantic React Flow UI Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #2b59c3 | #2b59c3 | RGB(43, 89, 195) | JS Logic Blue | — |
| #b892ff | #b892ff | RGB(184, 146, 255) | React Orchid | — |
| #f9fafc | #f9fafc | RGB(249, 250, 252) | DOM White Grid | — |
| #ffb2bc | #ffb2bc | RGB(255, 178, 188) | Hooked Rose | — |
| #d9dce1 | #d9dce1 | RGB(217, 220, 225) | UX Neutral Grey | — |
| #ffa94d | #ffa94d | RGB(255, 169, 77) | Signal 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 |
#b892ff | #ffb2bc | 1.43 |
#b892ff | #d9dce1 | 1.77 |
#b892ff | #ffa94d | 1.28 |
#f9fafc | #ffb2bc | 1.62 |
#f9fafc | #d9dce1 | 1.31 |
#f9fafc | #ffa94d | 1.82 |
Bildpalette Semantic React Flow UI png
Palette exportieren
Laden Sie die "Semantic React Flow UI" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: