Smart UI Accessibility Tokens
- Readable Indigo#6366f1
- Focus Cream#fef9c3
- Hint Blue#3b82f6
- Label Rose#fbcfe8
- Error Black#0f172a
- Toggle Gray#9ca3af
- Hover Gold#facc15
Erstellt am 06/26/2025 08:37
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben Focus Cream #fef9c3 und Hint Blue #3b82f6. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #0F172A (dunkelstes) bis #FEF9C3 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 71% der Farben sind lebhaft.
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 (3 warm, 3 kühl).
HEX-Codes (sortiert): #0F172A, #3B82F6, #6366F1, #9CA3AF, #FACC15, #FBCFE8, #FEF9C3
Die Palette Smart UI Accessibility Tokens kombiniert 7 Farbcodes:
HEX: #6366f1, RGB: (99, 102, 241); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #3b82f6, RGB: (59, 130, 246)
HEX: #fbcfe8, RGB: (251, 207, 232); HEX: #0f172a, RGB: (15, 23, 42); HEX: #9ca3af, RGB: (156, 163, 175)
HEX: #facc15, RGB: (250, 204, 21)
Vereinfachte Version der Palettenfarben
Schattierung von Mittleres Schieferblau, Schattierung von Chiffongelb, Schattierung von Dodgerblau, Aufhellung von Distel, Aufhellung von Schwarz, Schattierung von Dunkelgrau, Schattierung von Gold
Farbschema wurde erstellt von colorstudio
Farbcodes in der Palette
Smart UI Accessibility Tokens Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Readable Indigo | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Focus Cream | — |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Hint Blue | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | Label Rose | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Error Black | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Toggle Gray | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Hover Gold | — |
Farbpalette Kontrast
8 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#6366f1 | #3b82f6 | 1.21 |
#6366f1 | #9ca3af | 1.75 |
#fef9c3 | #fbcfe8 | 1.28 |
#fef9c3 | #facc15 | 1.42 |
#3b82f6 | #9ca3af | 1.44 |
#fbcfe8 | #9ca3af | 1.83 |
Bildpalette Smart UI Accessibility Tokens png
Palette exportieren
Laden Sie die "Smart UI Accessibility Tokens" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: