Design Tokens Theme Export
- Primary Indigo#3f51b5
- Secondary Amber#ffc107
- Neutral Fog#f5f5f5
- Accent Mint#4db6ac
- Error Crimson#e53935
- Base Grey#bdbdbd
- Background Snow#fafafa
Erstellt am 07/04/2025 09:39
Die Palette besteht aus Halbdunkel, Hell-Farben. Akzentfarben Primary Indigo #3f51b5 und Secondary Amber #ffc107. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #3F51B5 (dunkelstes) bis #FAFAFA (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung ist gemischt — 3 gedämpfte und 2 lebhafte von 7 Farben.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
Warme und kühle Felder sind ziemlich ausgeglichen (2 warm, 2 kühl).
HEX-Codes (sortiert): #3F51B5, #4DB6AC, #BDBDBD, #E53935, #F5F5F5, #FAFAFA, #FFC107
Die Palette Design Tokens Theme Export kombiniert 7 Farbcodes:
HEX: #3f51b5, RGB: (63, 81, 181); HEX: #ffc107, RGB: (255, 193, 7); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #4db6ac, RGB: (77, 182, 172); HEX: #e53935, RGB: (229, 57, 53); HEX: #bdbdbd, RGB: (189, 189, 189)
HEX: #fafafa, RGB: (250, 250, 250)
Vereinfachte Version der Palettenfarben
Schattierung von Schieferblau, Schattierung von Gold, Rauchweiß, Aufhellung von Helles Seegrün, Aufhellung von Rot, Schattierung von Silber, Aufhellung von Rauchweiß
Farbschema wurde erstellt von colourlock
Farbcodes in der Palette
Design Tokens Theme Export Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Primary Indigo | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Secondary Amber | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Neutral Fog | Whitesmoke |
| #4db6ac | #4db6ac | RGB(77, 182, 172) | Accent Mint | — |
| #e53935 | #e53935 | RGB(229, 57, 53) | Error Crimson | — |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Base Grey | Gray74 |
| #fafafa | #fafafa | RGB(250, 250, 250) | Background Snow | Dr. White |
Farbpalette Kontrast
10 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#3f51b5 | #e53935 | 1.62 |
#ffc107 | #f5f5f5 | 1.49 |
#ffc107 | #4db6ac | 1.49 |
#ffc107 | #bdbdbd | 1.15 |
#ffc107 | #fafafa | 1.56 |
#f5f5f5 | #bdbdbd | 1.72 |
Bildpalette Design Tokens Theme Export png
Palette exportieren
Laden Sie die "Design Tokens Theme Export" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: