創建於 06/09/2025 09:56
Mobile-Responsive CSS Flex Layout
Flex Peach
#ffd6c0
Grow Slate
#8896a5
Shrink Indigo
#7c77b9
Wrap Linen
#fcf6f5
Align Smoke
#e4e4e4
Justify Jet
#202124
調色盤由 光, 黑暗的 種顏色組成. 強調色 Flex Peach #ffd6c0 和 Shrink Indigo #7c77b9. 調色盤有 溫暖的, 涼爽的, 中性的 色溫.
調色盤 Mobile-Responsive CSS Flex Layout 具有 6 程式碼顏色的組合:
十六進位: #ffd6c0, RGB: (255, 214, 192); 十六進位: #8896a5, RGB: (136, 150, 165); 十六進位: #7c77b9, RGB: (124, 119, 185)
十六進位: #fcf6f5, RGB: (252, 246, 245); 十六進位: #e4e4e4, RGB: (228, 228, 228); 十六進位: #202124, RGB: (32, 33, 36)
調色板顏色的簡化版本
色調 peachpuff, 陰影 lightslategrey, 色調 mediumpurple, 色調 snow, 陰影 gainsboro, 陰影 黑色的
配色方案是由 palettespicker
調色盤中的顏色代碼
Mobile-Responsive CSS Flex Layout 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #ffd6c0 | #ffd6c0 | RGB(255, 214, 192) | Flex Peach | — |
| #8896a5 | #8896a5 | RGB(136, 150, 165) | Grow Slate | — |
| #7c77b9 | #7c77b9 | RGB(124, 119, 185) | Shrink Indigo | — |
| #fcf6f5 | #fcf6f5 | RGB(252, 246, 245) | Wrap Linen | — |
| #e4e4e4 | #e4e4e4 | RGB(228, 228, 228) | Align Smoke | Titanium White |
| #202124 | #202124 | RGB(32, 33, 36) | Justify Jet | Noble Black |
色彩調色板對比度
4 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#ffd6c0 | #fcf6f5 | 1.25 |
#ffd6c0 | #e4e4e4 | 1.05 |
#8896a5 | #7c77b9 | 1.33 |
#fcf6f5 | #e4e4e4 | 1.18 |
