Hergestellt in 07/11/2025 13:19
Dark UX Transition States Pack
Idle Panel Black
#101010
Hover State Aqua
#00e5ff
Active Button Red
#ff6b6b
Focus Ring Yellow
#ffde59
Disabled Grey
#bebebe
Text White
#f9f9f9
Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben Hover State Aqua #00e5ff und Focus Ring Yellow #ffde59. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Die Palette Dark UX Transition States Pack enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #101010, RGB: (16, 16, 16); VERHEXEN: #00e5ff, RGB: (0, 229, 255); VERHEXEN: #ff6b6b, RGB: (255, 107, 107)
VERHEXEN: #ffde59, RGB: (255, 222, 89); VERHEXEN: #bebebe, RGB: (190, 190, 190); VERHEXEN: #f9f9f9, RGB: (249, 249, 249)
Vereinfachte Version der Palettenfarben
Schatten von Schwarz, Schatten von darkturquoise, Farbton von salmon, Schatten von gold, Farbton von Silber, Schatten von whitesmoke
Farbschema wurde erstellt von hex
Farbcodes in der Palette
Dark UX Transition States Pack Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #101010 | #101010 | RGB(16, 16, 16) | Idle Panel Black | — |
| #00e5ff | #00e5ff | RGB(0, 229, 255) | Hover State Aqua | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Active Button Red | — |
| #ffde59 | #ffde59 | RGB(255, 222, 89) | Focus Ring Yellow | — |
| #bebebe | #bebebe | RGB(190, 190, 190) | Disabled Grey | Tin Soldier |
| #f9f9f9 | #f9f9f9 | RGB(249, 249, 249) | Text White | Doctor |
Farbpalette Kontrast
8 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#00e5ff | #ff6b6b | 1.8 |
#00e5ff | #ffde59 | 1.16 |
#00e5ff | #bebebe | 1.2 |
#00e5ff | #f9f9f9 | 1.46 |
#ff6b6b | #bebebe | 1.49 |
#ffde59 | #bebebe | 1.4 |
