創建於 07/05/2025 13:00
Contextual System State Design
Idle Fog
#e0e0e0
Active Green
#b0f2b4
Disabled Graphite
#4a4a4a
Loading Azure
#b2ebf2
Error Alert Red
#ef5350
Success Yellow
#fff59d
調色盤由 光 種顏色組成. 強調色 Loading Azure #b2ebf2 和 Success Yellow #fff59d. 調色盤有 中性的, 涼爽的, 溫暖的 色溫.
調色盤 Contextual System State Design 具有 6 程式碼顏色的組合:
十六進位: #e0e0e0, RGB: (224, 224, 224); 十六進位: #b0f2b4, RGB: (176, 242, 180); 十六進位: #4a4a4a, RGB: (74, 74, 74)
十六進位: #b2ebf2, RGB: (178, 235, 242); 十六進位: #ef5350, RGB: (239, 83, 80); 十六進位: #fff59d, RGB: (255, 245, 157)
調色板顏色的簡化版本
陰影 gainsboro, 陰影 lightgreen, 色調 dimgrey, 陰影 powderblue, 陰影 indianred, 陰影 卡其色
配色方案是由 palettespicker
調色盤中的顏色代碼
Contextual System State Design 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #e0e0e0 | #e0e0e0 | RGB(224, 224, 224) | Idle Fog | Gray88 |
| #b0f2b4 | #b0f2b4 | RGB(176, 242, 180) | Active Green | — |
| #4a4a4a | #4a4a4a | RGB(74, 74, 74) | Disabled Graphite | Gray29 |
| #b2ebf2 | #b2ebf2 | RGB(178, 235, 242) | Loading Azure | — |
| #ef5350 | #ef5350 | RGB(239, 83, 80) | Error Alert Red | — |
| #fff59d | #fff59d | RGB(255, 245, 157) | Success Yellow | — |
色彩調色板對比度
6 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#e0e0e0 | #b0f2b4 | 1.01 |
#e0e0e0 | #b2ebf2 | 1 |
#e0e0e0 | #fff59d | 1.18 |
#b0f2b4 | #b2ebf2 | 1 |
#b0f2b4 | #fff59d | 1.16 |
#b2ebf2 | #fff59d | 1.17 |
