創建於 08/20/2025 14:16
Next-Gen React Dashboard Intelligence
Hook Indigo
#3f51b5
JSX Coral
#ff6f61
Virtual Mint
#98ff98
Component Yellow
#ffd93d
State Gray
#e1e8eb
Dark Mode Blue
#0d1b2a
調色盤由 半暗, 光, 黑暗的 種顏色組成. 強調色 Virtual Mint #98ff98 和 Component Yellow #ffd93d. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 Next-Gen React Dashboard Intelligence 具有 6 程式碼顏色的組合:
十六進位: #3f51b5, RGB: (63, 81, 181); 十六進位: #ff6f61, RGB: (255, 111, 97); 十六進位: #98ff98, RGB: (152, 255, 152)
十六進位: #ffd93d, RGB: (255, 217, 61); 十六進位: #e1e8eb, RGB: (225, 232, 235); 十六進位: #0d1b2a, RGB: (13, 27, 42)
調色板顏色的簡化版本
色調 slateblue, 色調 salmon, 陰影 palegreen, 陰影 gold, 色調 aliceblue, 陰影 黑色的
配色方案是由 bad_colors
調色盤中的顏色代碼
Next-Gen React Dashboard Intelligence 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Hook Indigo | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | JSX Coral | Living Coral |
| #98ff98 | #98ff98 | RGB(152, 255, 152) | Virtual Mint | Bright Mint |
| #ffd93d | #ffd93d | RGB(255, 217, 61) | Component Yellow | — |
| #e1e8eb | #e1e8eb | RGB(225, 232, 235) | State Gray | — |
| #0d1b2a | #0d1b2a | RGB(13, 27, 42) | Dark Mode Blue | — |
色彩調色板對比度
4 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#ff6f61 | #ffd93d | 1.98 |
#98ff98 | #ffd93d | 1.12 |
#98ff98 | #e1e8eb | 1 |
#ffd93d | #e1e8eb | 1.11 |
