創建於 06/09/2025 16:37
Modern CSS Grid Essentials
Gridline Blue
#0288d1
Container Mint
#26a69a
Gap Coral
#ff8a65
Breakpoint Gray
#b0bec5
Align Yellow
#ffeb3b
Baseline Black
#212121
Flex White
#fafafa
調色盤由 光, 黑暗的 種顏色組成. 強調色 Gridline Blue #0288d1 和 Align Yellow #ffeb3b. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 Modern CSS Grid Essentials 具有 7 程式碼顏色的組合:
十六進位: #0288d1, RGB: (2, 136, 209); 十六進位: #26a69a, RGB: (38, 166, 154); 十六進位: #ff8a65, RGB: (255, 138, 101)
十六進位: #b0bec5, RGB: (176, 190, 197); 十六進位: #ffeb3b, RGB: (255, 235, 59); 十六進位: #212121, RGB: (33, 33, 33)
十六進位: #fafafa, RGB: (250, 250, 250)
調色板顏色的簡化版本
色調 steelblue, 色調 lightseagreen, 陰影 coral, 色調 銀, 色調 黃色的, 陰影 黑色的, 陰影 whitesmoke
配色方案是由 hex
調色盤中的顏色代碼
Modern CSS Grid Essentials 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #0288d1 | #0288d1 | RGB(2, 136, 209) | Gridline Blue | — |
| #26a69a | #26a69a | RGB(38, 166, 154) | Container Mint | — |
| #ff8a65 | #ff8a65 | RGB(255, 138, 101) | Gap Coral | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Breakpoint Gray | Ocean Drive |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Align Yellow | — |
| #212121 | #212121 | RGB(33, 33, 33) | Baseline Black | Lead |
| #fafafa | #fafafa | RGB(250, 250, 250) | Flex White | Dr. White |
色彩調色板對比度
9 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#0288d1 | #26a69a | 1.28 |
#0288d1 | #ff8a65 | 1.66 |
#26a69a | #ff8a65 | 1.29 |
#26a69a | #b0bec5 | 1.57 |
#ff8a65 | #b0bec5 | 1.21 |
#ff8a65 | #ffeb3b | 1.89 |
