Hero Roster Dashboard UI
- Hero Tag Cyan#22d3ee
- Class Color Red#f87171
- Ability Icon Yellow#facc15
- Power Meter Purple#a78bfa
- UI Border Slate#64748b
- Dark Mode Panel#0f172a
Erstellt am 06/09/2025 19:39
Die Palette besteht aus Hell, Halbdunkel, Dunkel-Farben. Akzentfarben Ability Icon Yellow #facc15 und Power Meter Purple #a78bfa. Palette hat Farbtemperatur Kalt, Warm.
Nach Helligkeit reicht diese Palette von #0F172A (dunkelstes) bis #FACC15 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 67% der Farben sind lebhaft.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
In der Gesamttemperatur neigen die Felder zur kalten Seite (4 von 6).
HEX-Codes (sortiert): #0F172A, #22D3EE, #64748B, #A78BFA, #F87171, #FACC15
Die Palette Hero Roster Dashboard UI kombiniert 6 Farbcodes:
HEX: #22d3ee, RGB: (34, 211, 238); HEX: #f87171, RGB: (248, 113, 113); HEX: #facc15, RGB: (250, 204, 21)
HEX: #a78bfa, RGB: (167, 139, 250); HEX: #64748b, RGB: (100, 116, 139); HEX: #0f172a, RGB: (15, 23, 42)
Vereinfachte Version der Palettenfarben
Aufhellung von Dunkeltürkis, Schattierung von Hellkoralle, Schattierung von Gold, Aufhellung von Mittleres Lila, Schattierung von Schiefergrau, Aufhellung von Schwarz
Farbschema wurde erstellt von hex
Farbcodes in der Palette
Hero Roster Dashboard UI Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Hero Tag Cyan | — |
| #f87171 | #f87171 | RGB(248, 113, 113) | Class Color Red | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Ability Icon Yellow | — |
| #a78bfa | #a78bfa | RGB(167, 139, 250) | Power Meter Purple | — |
| #64748b | #64748b | RGB(100, 116, 139) | UI Border Slate | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Dark Mode Panel | — |
Farbpalette Kontrast
8 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#22d3ee | #f87171 | 1.53 |
#22d3ee | #facc15 | 1.18 |
#22d3ee | #a78bfa | 1.5 |
#f87171 | #facc15 | 1.8 |
#f87171 | #a78bfa | 1.01 |
#f87171 | #64748b | 1.72 |
Bildpalette Hero Roster Dashboard UI png
Palette exportieren
Laden Sie die "Hero Roster Dashboard UI" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: