Cinematic UI Shader System
- Frame Black#121212
- Film Tint Gold#f0c808
- Overlay Smoke#b0b0b0
- Cutscene Cyan#56cfe1
- Lens Flare Pink#ff99ac
- UI Depth White#fcfcfc
Erstellt am 07/11/2025 09:59
Die Palette besteht aus Dunkel, Hell-Farben. Akzentfarben Cutscene Cyan #56cfe1 und Lens Flare Pink #ff99ac. Palette hat Farbtemperatur Neutral, Warm, Kalt.
Nach Helligkeit reicht diese Palette von #121212 (dunkelstes) bis #FCFCFC (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — 3 gedämpfte und 3 lebhafte von 6 Farben.
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 (2 von 6).
HEX-Codes (sortiert): #121212, #56CFE1, #B0B0B0, #F0C808, #FCFCFC, #FF99AC
Die Palette Cinematic UI Shader System kombiniert 6 Farbcodes:
HEX: #121212, RGB: (18, 18, 18); HEX: #f0c808, RGB: (240, 200, 8); HEX: #b0b0b0, RGB: (176, 176, 176)
HEX: #56cfe1, RGB: (86, 207, 225); HEX: #ff99ac, RGB: (255, 153, 172); HEX: #fcfcfc, RGB: (252, 252, 252)
Vereinfachte Version der Palettenfarben
Aufhellung von Schwarz, Schattierung von Gold, Aufhellung von Dunkelgrau, Aufhellung von Dunkeltürkis, Schattierung von Hellrosa, Schattierung von Weiß
Farbschema wurde erstellt von colorstudio
Farbcodes in der Palette
Cinematic UI Shader System Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #121212 | #121212 | RGB(18, 18, 18) | Frame Black | Dark Tone Ink |
| #f0c808 | #f0c808 | RGB(240, 200, 8) | Film Tint Gold | — |
| #b0b0b0 | #b0b0b0 | RGB(176, 176, 176) | Overlay Smoke | Gray69 |
| #56cfe1 | #56cfe1 | RGB(86, 207, 225) | Cutscene Cyan | — |
| #ff99ac | #ff99ac | RGB(255, 153, 172) | Lens Flare Pink | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | UI Depth White | Gray99 |
Farbpalette Kontrast
9 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#f0c808 | #b0b0b0 | 1.33 |
#f0c808 | #56cfe1 | 1.13 |
#f0c808 | #ff99ac | 1.24 |
#f0c808 | #fcfcfc | 1.57 |
#b0b0b0 | #56cfe1 | 1.17 |
#b0b0b0 | #ff99ac | 1.07 |
Bildpalette Cinematic UI Shader System png
Palette exportieren
Laden Sie die "Cinematic UI Shader System" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate:
