Hergestellt in 03/06/2026 18:18
AI Product Design System
- Product Blue#2563eb
- Concept Peach#ffadad
- Wireframe Gray#6c757d
- Prototype Teal#2a9d8f
- Ideation Lavender#b8a1e3
- Accent Lemon#ffe66d
- UX Rose#e76f51
Die Palette besteht aus Halbdunkel, Licht-Farben. Akzentfarben Product Blue #2563eb und Accent Lemon #ffe66d. Palette hat Farbtemperatur Kalt, Warm.
Nach Helligkeit reicht diese Palette von #2A9D8F (dunkelstes) bis #FFADAD (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).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #2563EB, #2A9D8F, #6C757D, #B8A1E3, #E76F51, #FFADAD, #FFE66D
Die Palette AI Product Design System enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #2563eb, RGB: (37, 99, 235); VERHEXEN: #ffadad, RGB: (255, 173, 173); VERHEXEN: #6c757d, RGB: (108, 117, 125)
VERHEXEN: #2a9d8f, RGB: (42, 157, 143); VERHEXEN: #b8a1e3, RGB: (184, 161, 227); VERHEXEN: #ffe66d, RGB: (255, 230, 109)
VERHEXEN: #e76f51, RGB: (231, 111, 81)
Vereinfachte Version der Palettenfarben
Farbton von royalblue, Farbton von lightpink, Farbton von slategrey, Farbton von lightseagreen, Farbton von plum, Schatten von Khaki, Schatten von tomato
Farbschema wurde erstellt von raccoon
Farbcodes in der Palette
AI Product Design System Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #2563eb | #2563eb | RGB(37, 99, 235) | Product Blue | — |
| #ffadad | #ffadad | RGB(255, 173, 173) | Concept Peach | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | Wireframe Gray | Pompeii Ash |
| #2a9d8f | #2a9d8f | RGB(42, 157, 143) | Prototype Teal | — |
| #b8a1e3 | #b8a1e3 | RGB(184, 161, 227) | Ideation Lavender | — |
| #ffe66d | #ffe66d | RGB(255, 230, 109) | Accent Lemon | — |
| #e76f51 | #e76f51 | RGB(231, 111, 81) | UX Rose | — |
Farbpalette Kontrast
13 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#2563eb | #6c757d | 1.1 |
#2563eb | #2a9d8f | 1.55 |
#2563eb | #e76f51 | 1.67 |
#ffadad | #2a9d8f | 1.87 |
#ffadad | #b8a1e3 | 1.27 |
#ffadad | #ffe66d | 1.41 |
Bildpalette AI Product Design System png
Palette exportieren
Laden Sie die "AI Product Design System" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: