創建於 08/23/2025 11:57
Progressive Web App Neural Horizon
Horizon Blue
#42a5f5
AI Rose
#ec407a
UX Mint
#26a69a
Dashboard Orange
#ffa726
Contrast Indigo
#3949ab
Surface White
#ffffff
調色盤由 光 種顏色組成. 強調色 Horizon Blue #42a5f5 和 Dashboard Orange #ffa726. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 Progressive Web App Neural Horizon 具有 6 程式碼顏色的組合:
十六進位: #42a5f5, RGB: (66, 165, 245); 十六進位: #ec407a, RGB: (236, 64, 122); 十六進位: #26a69a, RGB: (38, 166, 154)
十六進位: #ffa726, RGB: (255, 167, 38); 十六進位: #3949ab, RGB: (57, 73, 171); 十六進位: #ffffff, RGB: (255, 255, 255)
調色板顏色的簡化版本
陰影 dodgerblue, 陰影 deeppink, 色調 lightseagreen, 陰影 橘子, 陰影 darkslateblue, 白色的
配色方案是由 hex
調色盤中的顏色代碼
Progressive Web App Neural Horizon 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Horizon Blue | — |
| #ec407a | #ec407a | RGB(236, 64, 122) | AI Rose | — |
| #26a69a | #26a69a | RGB(38, 166, 154) | UX Mint | — |
| #ffa726 | #ffa726 | RGB(255, 167, 38) | Dashboard Orange | — |
| #3949ab | #3949ab | RGB(57, 73, 171) | Contrast Indigo | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface White | White |
色彩調色板對比度
7 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#42a5f5 | #ec407a | 1.42 |
#42a5f5 | #26a69a | 1.13 |
#42a5f5 | #ffa726 | 1.36 |
#ec407a | #26a69a | 1.25 |
#ec407a | #ffa726 | 1.93 |
#26a69a | #ffa726 | 1.54 |
