創建於 08/20/2025 05:39
Cognitive React UI Journey Map
Neuron Blue
#3e92cc
Persona Coral
#ff5c8a
Data Path Green
#4caf50
Flowchart Yellow
#ffbe0b
Wireframe White
#f9fafb
Dark Grid Black
#1a1a1a
Optimizer Indigo
#5a189a
調色盤由 光, 黑暗的 種顏色組成. 強調色 Flowchart Yellow #ffbe0b 和 Optimizer Indigo #5a189a. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 Cognitive React UI Journey Map 具有 7 程式碼顏色的組合:
十六進位: #3e92cc, RGB: (62, 146, 204); 十六進位: #ff5c8a, RGB: (255, 92, 138); 十六進位: #4caf50, RGB: (76, 175, 80)
十六進位: #ffbe0b, RGB: (255, 190, 11); 十六進位: #f9fafb, RGB: (249, 250, 251); 十六進位: #1a1a1a, RGB: (26, 26, 26)
十六進位: #5a189a, RGB: (90, 24, 154)
調色板顏色的簡化版本
陰影 dodgerblue, 色調 palevioletred, 色調 mediumseagreen, 陰影 goldenrod, 陰影 whitesmoke, 陰影 黑色的, 陰影 indigo
配色方案是由 colorscheme
調色盤中的顏色代碼
Cognitive React UI Journey Map 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #3e92cc | #3e92cc | RGB(62, 146, 204) | Neuron Blue | — |
| #ff5c8a | #ff5c8a | RGB(255, 92, 138) | Persona Coral | — |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | Data Path Green | — |
| #ffbe0b | #ffbe0b | RGB(255, 190, 11) | Flowchart Yellow | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Wireframe White | — |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Dark Grid Black | Gray10 |
| #5a189a | #5a189a | RGB(90, 24, 154) | Optimizer Indigo | — |
色彩調色板對比度
7 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#3e92cc | #ff5c8a | 1.15 |
#3e92cc | #4caf50 | 1.22 |
#ff5c8a | #4caf50 | 1.05 |
#ff5c8a | #ffbe0b | 1.76 |
#4caf50 | #ffbe0b | 1.67 |
#ffbe0b | #f9fafb | 1.59 |
