創建於 07/13/2025 09:30
Fintech Web App UI Stack
Balance Grey
#8d8d8d
Card White
#fcfcfc
Input Teal
#4db6ac
Transaction Coral
#ff7961
Limit Graphite
#292c2f
Success Lime
#b8e986
調色盤由 光, 黑暗的 種顏色組成. 強調色 Input Teal #4db6ac 和 Transaction Coral #ff7961. 調色盤有 中性的, 涼爽的, 溫暖的 色溫.
調色盤 Fintech Web App UI Stack 具有 6 程式碼顏色的組合:
十六進位: #8d8d8d, RGB: (141, 141, 141); 十六進位: #fcfcfc, RGB: (252, 252, 252); 十六進位: #4db6ac, RGB: (77, 182, 172)
十六進位: #ff7961, RGB: (255, 121, 97); 十六進位: #292c2f, RGB: (41, 44, 47); 十六進位: #b8e986, RGB: (184, 233, 134)
調色板顏色的簡化版本
陰影 灰色的, 色調 白色的, 陰影 lightseagreen, 色調 salmon, 陰影 黑色的, 陰影 lightgreen
配色方案是由 bad_colors
調色盤中的顏色代碼
Fintech Web App UI Stack 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #8d8d8d | #8d8d8d | RGB(141, 141, 141) | Balance Grey | More Than A Week |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Card White | Gray99 |
| #4db6ac | #4db6ac | RGB(77, 182, 172) | Input Teal | — |
| #ff7961 | #ff7961 | RGB(255, 121, 97) | Transaction Coral | — |
| #292c2f | #292c2f | RGB(41, 44, 47) | Limit Graphite | Bunker |
| #b8e986 | #b8e986 | RGB(184, 233, 134) | Success Lime | — |
色彩調色板對比度
6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#8d8d8d | #4db6ac | 1.35 |
#8d8d8d | #ff7961 | 1.28 |
#fcfcfc | #b8e986 | 1.36 |
#4db6ac | #ff7961 | 1.05 |
#4db6ac | #b8e986 | 1.74 |
#ff7961 | #b8e986 | 1.84 |
