Hergestellt in 03/01/2026 14:53
Digital Product Architect Contrast Kit
- Brand Builder Amber#f59e0b
- Framework Graphite#1f2937
- Success Path Emerald#10b981
- Interaction Magenta#db2777
- Layout Cloud#e5e7eb
- Logic Indigo#6366f1
- Signal Cyan#06b6d4
Die Palette besteht aus Licht, Dunkel, Halbdunkel-Farben. Akzentfarben Brand Builder Amber #f59e0b und Signal Cyan #06b6d4. Palette hat Farbtemperatur Warm, Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #1F2937 (dunkelstes) bis #E5E7EB (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): #06B6D4, #10B981, #1F2937, #6366F1, #DB2777, #E5E7EB, #F59E0B
Die Palette Digital Product Architect Contrast Kit enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #f59e0b, RGB: (245, 158, 11); VERHEXEN: #1f2937, RGB: (31, 41, 55); VERHEXEN: #10b981, RGB: (16, 185, 129)
VERHEXEN: #db2777, RGB: (219, 39, 119); VERHEXEN: #e5e7eb, RGB: (229, 231, 235); VERHEXEN: #6366f1, RGB: (99, 102, 241)
VERHEXEN: #06b6d4, RGB: (6, 182, 212)
Vereinfachte Version der Palettenfarben
Farbton von Orange, Schatten von Schwarz, Farbton von mediumseagreen, Schatten von mediumvioletred, Schatten von gainsboro, Farbton von mediumslateblue, Farbton von deepskyblue
Farbschema wurde erstellt von hex
Farbcodes in der Palette
Digital Product Architect Contrast Kit Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #f59e0b | #f59e0b | RGB(245, 158, 11) | Brand Builder Amber | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Framework Graphite | — |
| #10b981 | #10b981 | RGB(16, 185, 129) | Success Path Emerald | — |
| #db2777 | #db2777 | RGB(219, 39, 119) | Interaction Magenta | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Layout Cloud | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Logic Indigo | — |
| #06b6d4 | #06b6d4 | RGB(6, 182, 212) | Signal Cyan | — |
Farbpalette Kontrast
10 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#f59e0b | #10b981 | 1.18 |
#f59e0b | #e5e7eb | 1.73 |
#f59e0b | #06b6d4 | 1.13 |
#10b981 | #db2777 | 1.81 |
#10b981 | #6366f1 | 1.76 |
#10b981 | #06b6d4 | 1.04 |
Bildpalette Digital Product Architect Contrast Kit png
Palette exportieren
Laden Sie die "Digital Product Architect Contrast Kit" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: