Hergestellt in 07/28/2025 19:43
System Design Tokens Palette
- Primary Indigo#4e4eff
- Secondary Coral#ff847c
- Neutral Gray#c4c4c4
- Error Red#ff5c58
- Success Green#4ade80
- Surface White#fcfcfc
Die Palette besteht aus Halbdunkel, Licht-Farben. Akzentfarben Primary Indigo #4e4eff und Secondary Coral #ff847c. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #4ADE80 (dunkelstes) bis #FCFCFC (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).
Farbton ist weit über den Farbkreis verteilt — eine gemischte Palette (heuristisch).
Warme und kühle Felder sind ziemlich ausgeglichen.
HEX-Codes (sortiert): #4ADE80, #4E4EFF, #C4C4C4, #FCFCFC, #FF5C58, #FF847C
Die Palette System Design Tokens Palette enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #4e4eff, RGB: (78, 78, 255); VERHEXEN: #ff847c, RGB: (255, 132, 124); VERHEXEN: #c4c4c4, RGB: (196, 196, 196)
VERHEXEN: #ff5c58, RGB: (255, 92, 88); VERHEXEN: #4ade80, RGB: (74, 222, 128); VERHEXEN: #fcfcfc, RGB: (252, 252, 252)
Vereinfachte Version der Palettenfarben
Farbton von slateblue, Schatten von salmon, Schatten von Silber, Farbton von tomato, Schatten von mediumspringgreen, Farbton von Weiss
Farbschema wurde erstellt von hex
Farbcodes in der Palette
System Design Tokens Palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #4e4eff | #4e4eff | RGB(78, 78, 255) | Primary Indigo | — |
| #ff847c | #ff847c | RGB(255, 132, 124) | Secondary Coral | — |
| #c4c4c4 | #c4c4c4 | RGB(196, 196, 196) | Neutral Gray | Weathered Stone |
| #ff5c58 | #ff5c58 | RGB(255, 92, 88) | Error Red | — |
| #4ade80 | #4ade80 | RGB(74, 222, 128) | Success Green | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Surface White | Gray99 |
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 |
#4e4eff | #ff5c58 | 1.79 |
#ff847c | #c4c4c4 | 1.36 |
#ff847c | #ff5c58 | 1.27 |
#ff847c | #4ade80 | 1.36 |
#c4c4c4 | #ff5c58 | 1.73 |
#c4c4c4 | #4ade80 | 1 |
Bildpalette System Design Tokens Palette png
Palette exportieren
Laden Sie die "System Design Tokens Palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: