Hergestellt in 06/10/2025 17:36
Web 3 Layered UI Stack
- Crypto Teal#1de9b6
- Protocol Blue#3d5afe
- Decentral Red#f44336
- Gas Pale#fff3e0
- Wallet Night#1b1f22
- Key Pink#f06292
- DAO Gray#9e9e9e
Die Palette besteht aus Licht, Halbdunkel, Dunkel-Farben. Akzentfarben Protocol Blue #3d5afe und Gas Pale #fff3e0. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #1B1F22 (dunkelstes) bis #FFF3E0 (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).
Warme und kühle Felder sind ziemlich ausgeglichen.
HEX-Codes (sortiert): #1B1F22, #1DE9B6, #3D5AFE, #9E9E9E, #F06292, #F44336, #FFF3E0
Die Palette Web 3 Layered UI Stack enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #1de9b6, RGB: (29, 233, 182); VERHEXEN: #3d5afe, RGB: (61, 90, 254); VERHEXEN: #f44336, RGB: (244, 67, 54)
VERHEXEN: #fff3e0, RGB: (255, 243, 224); VERHEXEN: #1b1f22, RGB: (27, 31, 34); VERHEXEN: #f06292, RGB: (240, 98, 146)
VERHEXEN: #9e9e9e, RGB: (158, 158, 158)
Vereinfachte Version der Palettenfarben
Farbton von aquamarine, Farbton von royalblue, Farbton von tomato, Schatten von antiquewhite, Schatten von Schwarz, Farbton von palevioletred, Farbton von darkgrey
Farbschema wurde erstellt von colorslib
Farbcodes in der Palette
Web 3 Layered UI Stack Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #1de9b6 | #1de9b6 | RGB(29, 233, 182) | Crypto Teal | — |
| #3d5afe | #3d5afe | RGB(61, 90, 254) | Protocol Blue | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | Decentral Red | — |
| #fff3e0 | #fff3e0 | RGB(255, 243, 224) | Gas Pale | — |
| #1b1f22 | #1b1f22 | RGB(27, 31, 34) | Wallet Night | — |
| #f06292 | #f06292 | RGB(240, 98, 146) | Key Pink | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | DAO Gray | Gray62 |
Farbpalette Kontrast
9 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#1de9b6 | #fff3e0 | 1.43 |
#1de9b6 | #f06292 | 1.94 |
#1de9b6 | #9e9e9e | 1.7 |
#3d5afe | #f44336 | 1.39 |
#3d5afe | #f06292 | 1.67 |
#3d5afe | #9e9e9e | 1.91 |
Bildpalette Web 3 Layered UI Stack png
Palette exportieren
Laden Sie die "Web 3 Layered UI Stack" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: