Hergestellt in 06/28/2025 20:10
Neumorphic Design UI Tokens
- Soft Shadow#e5e5e5
- Inset Cream#fef9c3
- Highlight Rose#f9a8d4
- Base Mint#d1fae5
- Edge Slate#cbd5e1
- Layer Indigo#6366f1
- Surface Graphite#1f2937
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Inset Cream #fef9c3 und Layer Indigo #6366f1. Palette hat Farbtemperatur Neutral, Warm, Kalt.
Nach Helligkeit reicht diese Palette von #1F2937 (dunkelstes) bis #D1FAE5 (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): #1F2937, #6366F1, #CBD5E1, #D1FAE5, #E5E5E5, #F9A8D4, #FEF9C3
Die Palette Neumorphic Design UI Tokens enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #e5e5e5, RGB: (229, 229, 229); VERHEXEN: #fef9c3, RGB: (254, 249, 195); VERHEXEN: #f9a8d4, RGB: (249, 168, 212)
VERHEXEN: #d1fae5, RGB: (209, 250, 229); VERHEXEN: #cbd5e1, RGB: (203, 213, 225); VERHEXEN: #6366f1, RGB: (99, 102, 241)
VERHEXEN: #1f2937, RGB: (31, 41, 55)
Vereinfachte Version der Palettenfarben
Schatten von gainsboro, Farbton von lemonchiffon, Schatten von plum, Farbton von honeydew, Schatten von lightgrey, Farbton von mediumslateblue, Schatten von Schwarz
Farbschema wurde erstellt von bad_colors
Farbcodes in der Palette
Neumorphic Design UI Tokens Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Soft Shadow | Gray90 |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Inset Cream | — |
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Highlight Rose | — |
| #d1fae5 | #d1fae5 | RGB(209, 250, 229) | Base Mint | — |
| #cbd5e1 | #cbd5e1 | RGB(203, 213, 225) | Edge Slate | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Layer Indigo | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Surface Graphite | — |
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 |
#e5e5e5 | #fef9c3 | 1.17 |
#e5e5e5 | #f9a8d4 | 1.43 |
#e5e5e5 | #d1fae5 | 1.11 |
#e5e5e5 | #cbd5e1 | 1.17 |
#fef9c3 | #f9a8d4 | 1.68 |
#fef9c3 | #d1fae5 | 1.05 |
Bildpalette Neumorphic Design UI Tokens png
Palette exportieren
Laden Sie die "Neumorphic Design UI Tokens" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: