Hergestellt in 07/12/2025 19:51
Cross-Platform Design System UI
- Unified Indigo#5b5f97
- Platform Cream#fff8f0
- Sync Sky#87e8ff
- Viewport Onyx#1e1e1e
- Deploy Rose#ff91a4
- Token Clay#d7ccc8
- Breakpoints Lime#daffb3
Die Palette besteht aus Halbdunkel, Licht, Dunkel-Farben. Akzentfarben Platform Cream #fff8f0 und Sync Sky #87e8ff. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #1E1E1E (dunkelstes) bis #FFF8F0 (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).
Die meisten Felder wirken neutral in der Farbtemperatur.
HEX-Codes (sortiert): #1E1E1E, #5B5F97, #87E8FF, #D7CCC8, #DAFFB3, #FF91A4, #FFF8F0
Die Palette Cross-Platform Design System UI enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #5b5f97, RGB: (91, 95, 151); VERHEXEN: #fff8f0, RGB: (255, 248, 240); VERHEXEN: #87e8ff, RGB: (135, 232, 255)
VERHEXEN: #1e1e1e, RGB: (30, 30, 30); VERHEXEN: #ff91a4, RGB: (255, 145, 164); VERHEXEN: #d7ccc8, RGB: (215, 204, 200)
VERHEXEN: #daffb3, RGB: (218, 255, 179)
Vereinfachte Version der Palettenfarben
Farbton von slateblue, Farbton von floralwhite, Schatten von skyblue, Schatten von Schwarz, Schatten von lightcoral, Farbton von lightgrey, Schatten von palegreen
Farbschema wurde erstellt von colorslib
Farbcodes in der Palette
Cross-Platform Design System UI Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #5b5f97 | #5b5f97 | RGB(91, 95, 151) | Unified Indigo | — |
| #fff8f0 | #fff8f0 | RGB(255, 248, 240) | Platform Cream | — |
| #87e8ff | #87e8ff | RGB(135, 232, 255) | Sync Sky | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Viewport Onyx | — |
| #ff91a4 | #ff91a4 | RGB(255, 145, 164) | Deploy Rose | Salmon Pink |
| #d7ccc8 | #d7ccc8 | RGB(215, 204, 200) | Token Clay | — |
| #daffb3 | #daffb3 | RGB(218, 255, 179) | Breakpoints Lime | — |
Farbpalette Kontrast
9 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#fff8f0 | #87e8ff | 1.32 |
#fff8f0 | #d7ccc8 | 1.49 |
#fff8f0 | #daffb3 | 1.05 |
#87e8ff | #ff91a4 | 1.52 |
#87e8ff | #d7ccc8 | 1.12 |
#87e8ff | #daffb3 | 1.26 |
Bildpalette Cross-Platform Design System UI png
Palette exportieren
Laden Sie die "Cross-Platform Design System UI" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: