Loading...
Hergestellt in 07/23/2025 08:41
UX AI Color Story for Design Systems
- Script Gold#f9cb40
- Prompt Teal#38b2ac
- Hover Plum#a78bfa
- Canvas White#fdfdfc
- Node Black#1f2937
- Signal Sea#94d2bd
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Script Gold #f9cb40 und Hover Plum #a78bfa. Palette hat Farbtemperatur Warm, Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #1F2937 (dunkelstes) bis #FDFDFC (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
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): #1F2937, #38B2AC, #94D2BD, #A78BFA, #F9CB40, #FDFDFC
Die Palette UX AI Color Story for Design Systems enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #f9cb40, RGB: (249, 203, 64); VERHEXEN: #38b2ac, RGB: (56, 178, 172); VERHEXEN: #a78bfa, RGB: (167, 139, 250)
VERHEXEN: #fdfdfc, RGB: (253, 253, 252); VERHEXEN: #1f2937, RGB: (31, 41, 55); VERHEXEN: #94d2bd, RGB: (148, 210, 189)
Vereinfachte Version der Palettenfarben
Farbton von gold, Schatten von lightseagreen, Schatten von mediumpurple, Farbton von Weiss, Schatten von Schwarz, Schatten von mediumaquamarine
Farbschema wurde erstellt von colorscheme
Farbcodes in der Palette
UX AI Color Story for Design Systems Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #f9cb40 | #f9cb40 | RGB(249, 203, 64) | Script Gold | — |
| #38b2ac | #38b2ac | RGB(56, 178, 172) | Prompt Teal | — |
| #a78bfa | #a78bfa | RGB(167, 139, 250) | Hover Plum | — |
| #fdfdfc | #fdfdfc | RGB(253, 253, 252) | Canvas White | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Node Black | — |
| #94d2bd | #94d2bd | RGB(148, 210, 189) | Signal Sea | — |
Farbpalette Kontrast
8 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#f9cb40 | #38b2ac | 1.67 |
#f9cb40 | #a78bfa | 1.76 |
#f9cb40 | #fdfdfc | 1.51 |
#f9cb40 | #94d2bd | 1.11 |
#38b2ac | #a78bfa | 1.05 |
#38b2ac | #94d2bd | 1.5 |
Bildpalette UX AI Color Story for Design Systems png
Palette exportieren
Laden Sie die "UX AI Color Story for Design Systems" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: