創建於 08/18/2025 08:30
Mobile First React UI Glow
Panel White
#fafafa
Action Indigo
#6366f1
Primary Coral
#fb7185
Focus Lime
#84cc16
Accent Amber
#f59e0b
Contrast Black
#0f172a
調色盤由 光, 黑暗的 種顏色組成. 強調色 Primary Coral #fb7185 和 Contrast Black #0f172a. 調色盤有 中性的, 涼爽的, 溫暖的 色溫.
調色盤 Mobile First React UI Glow 具有 6 程式碼顏色的組合:
十六進位: #fafafa, RGB: (250, 250, 250); 十六進位: #6366f1, RGB: (99, 102, 241); 十六進位: #fb7185, RGB: (251, 113, 133)
十六進位: #84cc16, RGB: (132, 204, 22); 十六進位: #f59e0b, RGB: (245, 158, 11); 十六進位: #0f172a, RGB: (15, 23, 42)
調色板顏色的簡化版本
陰影 whitesmoke, 色調 mediumslateblue, 色調 lightcoral, 色調 黃綠色, 色調 橘子, 陰影 黑色的
配色方案是由 colorhunt
調色盤中的顏色代碼
Mobile First React UI Glow 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #fafafa | #fafafa | RGB(250, 250, 250) | Panel White | Dr. White |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Action Indigo | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Primary Coral | — |
| #84cc16 | #84cc16 | RGB(132, 204, 22) | Focus Lime | — |
| #f59e0b | #f59e0b | RGB(245, 158, 11) | Accent Amber | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Contrast Black | — |
色彩調色板對比度
5 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#fafafa | #84cc16 | 1.89 |
#6366f1 | #fb7185 | 1.65 |
#fb7185 | #84cc16 | 1.36 |
#fb7185 | #f59e0b | 1.25 |
#84cc16 | #f59e0b | 1.08 |
