Hergestellt in 08/23/2025 11:53
Accessible Dark UI Toolkit for Web3
- Eclipse Black#121212
- Panel Graphite#2c2c2c
- Component Teal#0097a7
- Accent Orange#ff7043
- Focus Yellow#fdd835
- Screen White#f5f5f5
Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben Component Teal #0097a7 und Accent Orange #ff7043. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #121212 (dunkelstes) bis #F5F5F5 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur warmen Seite.
HEX-Codes (sortiert): #0097A7, #121212, #2C2C2C, #F5F5F5, #FDD835, #FF7043
Die Palette Accessible Dark UI Toolkit for Web3 enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #121212, RGB: (18, 18, 18); VERHEXEN: #2c2c2c, RGB: (44, 44, 44); VERHEXEN: #0097a7, RGB: (0, 151, 167)
VERHEXEN: #ff7043, RGB: (255, 112, 67); VERHEXEN: #fdd835, RGB: (253, 216, 53); VERHEXEN: #f5f5f5, RGB: (245, 245, 245)
Vereinfachte Version der Palettenfarben
Schatten von Schwarz, Schatten von Schwarz, Farbton von cadetblue, Farbton von coral, Schatten von gold
Farbschema wurde erstellt von colourlock
Farbcodes in der Palette
Accessible Dark UI Toolkit for Web3 Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #121212 | #121212 | RGB(18, 18, 18) | Eclipse Black | Dark Tone Ink |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Panel Graphite | — |
| #0097a7 | #0097a7 | RGB(0, 151, 167) | Component Teal | — |
| #ff7043 | #ff7043 | RGB(255, 112, 67) | Accent Orange | — |
| #fdd835 | #fdd835 | RGB(253, 216, 53) | Focus Yellow | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Screen White | White Smoke |
Farbpalette Kontrast
4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#121212 | #2c2c2c | 1.34 |
#0097a7 | #ff7043 | 1.27 |
#ff7043 | #fdd835 | 1.96 |
#fdd835 | #f5f5f5 | 1.27 |
Bildpalette Accessible Dark UI Toolkit for Web3 png
Palette exportieren
Laden Sie die "Accessible Dark UI Toolkit for Web3" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: