Action Platformer Skill Bar
- Dash Cooldown Cyan#22d3ee
- Jump Boost Yellow#fde047
- Attack Slash Red#ef4444
- Stamina Ring Green#86efac
- Skill Icon Pink#f472b6
- Backdrop UI Gray#a3a3a3
Erstellt am 06/10/2025 09:41
Die Palette besteht aus Hell-Farben. Akzentfarben Dash Cooldown Cyan #22d3ee und Jump Boost Yellow #fde047. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #EF4444 (dunkelstes) bis #FDE047 (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 83% 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 warmen Seite (3 von 6).
HEX-Codes (sortiert): #22D3EE, #86EFAC, #A3A3A3, #EF4444, #F472B6, #FDE047
Die Palette Action Platformer Skill Bar kombiniert 6 Farbcodes:
HEX: #22d3ee, RGB: (34, 211, 238); HEX: #fde047, RGB: (253, 224, 71); HEX: #ef4444, RGB: (239, 68, 68)
HEX: #86efac, RGB: (134, 239, 172); HEX: #f472b6, RGB: (244, 114, 182); HEX: #a3a3a3, RGB: (163, 163, 163)
Vereinfachte Version der Palettenfarben
Aufhellung von Dunkeltürkis, Aufhellung von Gold, Schattierung von Indischrot, Aufhellung von Hellgrün, Aufhellung von Leuchtendes Rosa, Schattierung von Dunkelgrau
Farbschema wurde erstellt von raccoon
Farbcodes in der Palette
Action Platformer Skill Bar Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Dash Cooldown Cyan | — |
| #fde047 | #fde047 | RGB(253, 224, 71) | Jump Boost Yellow | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Attack Slash Red | — |
| #86efac | #86efac | RGB(134, 239, 172) | Stamina Ring Green | — |
| #f472b6 | #f472b6 | RGB(244, 114, 182) | Skill Icon Pink | — |
| #a3a3a3 | #a3a3a3 | RGB(163, 163, 163) | Backdrop UI Gray | Gray64 |
Farbpalette Kontrast
11 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#22d3ee | #fde047 | 1.37 |
#22d3ee | #86efac | 1.28 |
#22d3ee | #f472b6 | 1.46 |
#22d3ee | #a3a3a3 | 1.39 |
#fde047 | #86efac | 1.06 |
#fde047 | #a3a3a3 | 1.91 |
Bildpalette Action Platformer Skill Bar png
Palette exportieren
Laden Sie die "Action Platformer Skill Bar" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: