創建於 07/02/2025 16:46
HTML CSS Grid UI Flow
Container Navy
#1a237e
Row Salmon
#ff8a65
Column Lemon
#ffeb3b
Align Mint
#a5d6a7
Gridline Steel
#b0bec5
Padding Cloud
#eceff1
Overflow Charcoal
#212121
調色盤由 黑暗的, 光 種顏色組成. 強調色 Container Navy #1a237e 和 Column Lemon #ffeb3b. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 HTML CSS Grid UI Flow 具有 7 程式碼顏色的組合:
十六進位: #1a237e, RGB: (26, 35, 126); 十六進位: #ff8a65, RGB: (255, 138, 101); 十六進位: #ffeb3b, RGB: (255, 235, 59)
十六進位: #a5d6a7, RGB: (165, 214, 167); 十六進位: #b0bec5, RGB: (176, 190, 197); 十六進位: #eceff1, RGB: (236, 239, 241)
十六進位: #212121, RGB: (33, 33, 33)
調色板顏色的簡化版本
陰影 midnightblue, 陰影 coral, 色調 黃色的, 陰影 darkseagreen, 色調 銀, 色調 whitesmoke, 陰影 黑色的
配色方案是由 colorhunt
調色盤中的顏色代碼
HTML CSS Grid UI Flow 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #1a237e | #1a237e | RGB(26, 35, 126) | Container Navy | — |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | Row Salmon | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Column Lemon | — |
| #a5d6a7 | #a5d6a7 | RGB(165, 214, 167) | Align Mint | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Gridline Steel | Ocean Drive |
| #eceff1 | #eceff1 | RGB(236, 239, 241) | Padding Cloud | — |
| #212121 | #212121 | RGB(33, 33, 33) | Overflow Charcoal | Lead |
色彩調色板對比度
10 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#1a237e | #212121 | 1.21 |
#ff8a65 | #ffeb3b | 1.89 |
#ff8a65 | #a5d6a7 | 1.4 |
#ff8a65 | #b0bec5 | 1.21 |
#ffeb3b | #a5d6a7 | 1.34 |
#ffeb3b | #b0bec5 | 1.56 |
