創建於 07/11/2025 09:06
Web3 Interaction Design Stack
Smart Contract Gold
#fdc500
Blockchain Navy
#003566
Token Graphite
#444444
UI Element Sky
#ade8f4
Hover Flame Coral
#ff785a
Wallet Paper White
#f5f5f5
調色盤由 光, 黑暗的 種顏色組成. 強調色 Smart Contract Gold #fdc500 和 Blockchain Navy #003566. 調色盤有 溫暖的, 涼爽的, 中性的 色溫.
調色盤 Web3 Interaction Design Stack 具有 6 程式碼顏色的組合:
十六進位: #fdc500, RGB: (253, 197, 0); 十六進位: #003566, RGB: (0, 53, 102); 十六進位: #444444, RGB: (68, 68, 68)
十六進位: #ade8f4, RGB: (173, 232, 244); 十六進位: #ff785a, RGB: (255, 120, 90); 十六進位: #f5f5f5, RGB: (245, 245, 245)
調色板顏色的簡化版本
色調 gold, 陰影 midnightblue, 色調 dimgrey, 陰影 powderblue, 陰影 tomato, whitesmoke
配色方案是由 colorstudio
調色盤中的顏色代碼
Web3 Interaction Design Stack 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #fdc500 | #fdc500 | RGB(253, 197, 0) | Smart Contract Gold | — |
| #003566 | #003566 | RGB(0, 53, 102) | Blockchain Navy | — |
| #444444 | #444444 | RGB(68, 68, 68) | Token Graphite | Goshawk Grey |
| #ade8f4 | #ade8f4 | RGB(173, 232, 244) | UI Element Sky | — |
| #ff785a | #ff785a | RGB(255, 120, 90) | Hover Flame Coral | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Wallet Paper White | White Smoke |
色彩調色板對比度
6 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#fdc500 | #ade8f4 | 1.18 |
#fdc500 | #ff785a | 1.62 |
#fdc500 | #f5f5f5 | 1.46 |
#003566 | #444444 | 1.26 |
#ade8f4 | #ff785a | 1.93 |
#ade8f4 | #f5f5f5 | 1.23 |
