創建於 07/24/2025 13:25
React Dashboard Flow System
Component Indigo
#3c4cad
Hooks Apricot
#ffbe9f
Payload Lime
#d4ff4d
UI Drift White
#f9f9fa
Redux Black
#1d1d1d
Tree Graph Pink
#ff5ca2
Async Smoke
#e0e0e3
調色盤由 光, 黑暗的 種顏色組成. 強調色 Component Indigo #3c4cad 和 Payload Lime #d4ff4d. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 React Dashboard Flow System 具有 7 程式碼顏色的組合:
十六進位: #3c4cad, RGB: (60, 76, 173); 十六進位: #ffbe9f, RGB: (255, 190, 159); 十六進位: #d4ff4d, RGB: (212, 255, 77)
十六進位: #f9f9fa, RGB: (249, 249, 250); 十六進位: #1d1d1d, RGB: (29, 29, 29); 十六進位: #ff5ca2, RGB: (255, 92, 162)
十六進位: #e0e0e3, RGB: (224, 224, 227)
調色板顏色的簡化版本
陰影 darkslateblue, 陰影 lightsalmon, 陰影 greenyellow, 陰影 whitesmoke, 陰影 黑色的, 色調 hotpink, 陰影 gainsboro
配色方案是由 raccoon
調色盤中的顏色代碼
React Dashboard Flow System 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #3c4cad | #3c4cad | RGB(60, 76, 173) | Component Indigo | — |
| #ffbe9f | #ffbe9f | RGB(255, 190, 159) | Hooks Apricot | — |
| #d4ff4d | #d4ff4d | RGB(212, 255, 77) | Payload Lime | — |
| #f9f9fa | #f9f9fa | RGB(249, 249, 250) | UI Drift White | — |
| #1d1d1d | #1d1d1d | RGB(29, 29, 29) | Redux Black | — |
| #ff5ca2 | #ff5ca2 | RGB(255, 92, 162) | Tree Graph Pink | — |
| #e0e0e3 | #e0e0e3 | RGB(224, 224, 227) | Async Smoke | — |
色彩調色板對比度
7 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#ffbe9f | #d4ff4d | 1.38 |
#ffbe9f | #f9f9fa | 1.52 |
#ffbe9f | #ff5ca2 | 1.79 |
#ffbe9f | #e0e0e3 | 1.21 |
#d4ff4d | #f9f9fa | 1.09 |
#d4ff4d | #e0e0e3 | 1.14 |
