Web3 Wallet Interaction UX
- Connect Cyan#00f5d4
- NFT Border#ffb4a2
- Ledger Slate#2e2e2e
- Approve Gold#ffdd57
- Transaction Fog#eceff1
- Dark Chain Blue#0a192f
Erstellt am 06/13/2025 10:21
Die Palette besteht aus Hell, Dunkel-Farben. Akzentfarben Connect Cyan #00f5d4 und Approve Gold #ffdd57. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #0A192F (dunkelstes) bis #ECEFF1 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 67% der Farben sind lebhaft.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
Warme und kühle Felder sind ziemlich ausgeglichen (2 warm, 2 kühl).
HEX-Codes (sortiert): #00F5D4, #0A192F, #2E2E2E, #ECEFF1, #FFB4A2, #FFDD57
Die Palette Web3 Wallet Interaction UX kombiniert 6 Farbcodes:
HEX: #00f5d4, RGB: (0, 245, 212); HEX: #ffb4a2, RGB: (255, 180, 162); HEX: #2e2e2e, RGB: (46, 46, 46)
HEX: #ffdd57, RGB: (255, 221, 87); HEX: #eceff1, RGB: (236, 239, 241); HEX: #0a192f, RGB: (10, 25, 47)
Vereinfachte Version der Palettenfarben
Schattierung von Aquamarin, Aufhellung von Helllachs, Aufhellung von Schwarz, Aufhellung von Gold, Schattierung von Rauchweiß, Schattierung von Mitternachtsblau
Farbschema wurde erstellt von coolor
Farbcodes in der Palette
Web3 Wallet Interaction UX Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #00f5d4 | #00f5d4 | RGB(0, 245, 212) | Connect Cyan | — |
| #ffb4a2 | #ffb4a2 | RGB(255, 180, 162) | NFT Border | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Ledger Slate | Carbon Fiber |
| #ffdd57 | #ffdd57 | RGB(255, 221, 87) | Approve Gold | — |
| #eceff1 | #eceff1 | RGB(236, 239, 241) | Transaction Fog | — |
| #0a192f | #0a192f | RGB(10, 25, 47) | Dark Chain Blue | — |
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#00f5d4 | #ffb4a2 | 1.22 |
#00f5d4 | #ffdd57 | 1.04 |
#00f5d4 | #eceff1 | 1.21 |
#ffb4a2 | #ffdd57 | 1.27 |
#ffb4a2 | #eceff1 | 1.47 |
#2e2e2e | #0a192f | 1.29 |
Bildpalette Web3 Wallet Interaction UX png
Palette exportieren
Laden Sie die "Web3 Wallet Interaction UX" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: