Hergestellt in 05/25/2025 22:34
Next-Gen Product Design System
- Indigo Byte#5c6ac4
- Apricot Highlight#ffd6a5
- Light Teal Stream#b8fff9
- UI Gray#6b7280
- UX White#fdfdfd
Die Palette besteht aus Licht-Farben. Akzentfarben Apricot Highlight #ffd6a5 und Light Teal Stream #b8fff9. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #6B7280 (dunkelstes) bis #FDFDFD (hellstes). Die Helligkeitsspanne ist moderat.
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): #5C6AC4, #6B7280, #B8FFF9, #FDFDFD, #FFD6A5
Die Palette Next-Gen Product Design System enthält eine Kombination aus 5-Codefarben:
VERHEXEN: #5c6ac4, RGB: (92, 106, 196); VERHEXEN: #ffd6a5, RGB: (255, 214, 165); VERHEXEN: #b8fff9, RGB: (184, 255, 249)
VERHEXEN: #6b7280, RGB: (107, 114, 128); VERHEXEN: #fdfdfd, RGB: (253, 253, 253)
Vereinfachte Version der Palettenfarben
Schatten von royalblue, Farbton von navajowhite, Schatten von paleturquoise, Farbton von slategrey, Farbton von Weiss
Farbschema wurde erstellt von raccoon
Farbcodes in der Palette
Next-Gen Product Design System Farbcodes HEX, RGB-Informationen in der Tabelle
Farbpalette Kontrast
4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#5c6ac4 | #6b7280 | 1 |
#ffd6a5 | #b8fff9 | 1.21 |
#ffd6a5 | #fdfdfd | 1.33 |
#b8fff9 | #fdfdfd | 1.1 |
Bildpalette Next-Gen Product Design System png
Palette exportieren
Laden Sie die "Next-Gen Product Design System" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: