Hergestellt in 06/10/2025 09:45
Stylized 2D Fighter Interface
- Health Bar Red#ef4444
- Combo Sparks Yellow#ffe176
- Special Move Cyan#22d3ee
- Character Border Pink#f472b6
- Battle BG Gray#9ca3af
- Round Timer Black#0f172a
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Combo Sparks Yellow #ffe176 und Special Move Cyan #22d3ee. Palette hat Farbtemperatur Warm, Kalt.
Nach Helligkeit reicht diese Palette von #0F172A (dunkelstes) bis #FFE176 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 67% der Farben sind lebhaft.
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
Warme und kühle Felder sind ziemlich ausgeglichen (3 warm, 3 kühl).
HEX-Codes (sortiert): #0F172A, #22D3EE, #9CA3AF, #EF4444, #F472B6, #FFE176
Die Palette Stylized 2D Fighter Interface enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #ef4444, RGB: (239, 68, 68); VERHEXEN: #ffe176, RGB: (255, 225, 118); VERHEXEN: #22d3ee, RGB: (34, 211, 238)
VERHEXEN: #f472b6, RGB: (244, 114, 182); VERHEXEN: #9ca3af, RGB: (156, 163, 175); VERHEXEN: #0f172a, RGB: (15, 23, 42)
Vereinfachte Version der Palettenfarben
Farbton von indianred, Farbton von Khaki, Schatten von darkturquoise, Schatten von hotpink, Farbton von darkgrey, Schatten von Schwarz
Farbschema wurde erstellt von colorscheme
Farbcodes in der Palette
Stylized 2D Fighter Interface Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Health Bar Red | — |
| #ffe176 | #ffe176 | RGB(255, 225, 118) | Combo Sparks Yellow | — |
| #22d3ee | #22d3ee | RGB(34, 211, 238) | Special Move Cyan | — |
| #f472b6 | #f472b6 | RGB(244, 114, 182) | Character Border Pink | — |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Battle BG Gray | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Round Timer Black | — |
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
|---|---|---|
#ef4444 | #f472b6 | 1.42 |
#ef4444 | #9ca3af | 1.48 |
#ffe176 | #22d3ee | 1.4 |
#ffe176 | #9ca3af | 1.96 |
#22d3ee | #f472b6 | 1.46 |
#22d3ee | #9ca3af | 1.4 |
Bildpalette Stylized 2D Fighter Interface png
Palette exportieren
Laden Sie die "Stylized 2D Fighter Interface" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: