Hergestellt in 07/16/2025 11:53
Web3 Design System for Interactive Apps
- Blockchain Ink#0d0d0d
- Hyperlink Cyan#00ffff
- Token Rose#ff69b4
- Immutable Sand#faebd7
- Node Violet#8a4fff
- Smart Contract Lime#a3ffae
Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben Token Rose #ff69b4 und Smart Contract Lime #a3ffae. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #0D0D0D (dunkelstes) bis #FAEBD7 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #00FFFF, #0D0D0D, #8A4FFF, #A3FFAE, #FAEBD7, #FF69B4
Die Palette Web3 Design System for Interactive Apps enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #0d0d0d, RGB: (13, 13, 13); VERHEXEN: #00ffff, RGB: (0, 255, 255); VERHEXEN: #ff69b4, RGB: (255, 105, 180)
VERHEXEN: #faebd7, RGB: (250, 235, 215); VERHEXEN: #8a4fff, RGB: (138, 79, 255); VERHEXEN: #a3ffae, RGB: (163, 255, 174)
Vereinfachte Version der Palettenfarben
Schatten von Schwarz, Farbton von mediumslateblue, Schatten von palegreen
Farbschema wurde erstellt von colorscheme
Farbcodes in der Palette
Web3 Design System for Interactive Apps Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #0d0d0d | #0d0d0d | RGB(13, 13, 13) | Blockchain Ink | Gray5 |
| #00ffff | #00ffff | RGB(0, 255, 255) | Hyperlink Cyan | Aqua |
| #ff69b4 | #ff69b4 | RGB(255, 105, 180) | Token Rose | Girls Night Out |
| #faebd7 | #faebd7 | RGB(250, 235, 215) | Immutable Sand | Milk Tooth |
| #8a4fff | #8a4fff | RGB(138, 79, 255) | Node Violet | — |
| #a3ffae | #a3ffae | RGB(163, 255, 174) | Smart Contract Lime | — |
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 |
#00ffff | #faebd7 | 1.07 |
#00ffff | #a3ffae | 1.04 |
#ff69b4 | #8a4fff | 1.7 |
#faebd7 | #a3ffae | 1.02 |
Bildpalette Web3 Design System for Interactive Apps png
Palette exportieren
Laden Sie die "Web3 Design System for Interactive Apps" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: