創建於 06/13/2025 10:28
CSS Grid Layout Atelier
Gridline Teal
#5eead4
Column Smoke
#e5e7eb
Breakpoints Indigo
#6366f1
Gutter Rose
#fbcfe8
Container Graphite
#1f2937
Flowchart Cream
#f8f9fa
調色盤由 光, 黑暗的 種顏色組成. 強調色 Gridline Teal #5eead4 和 Gutter Rose #fbcfe8. 調色盤有 涼爽的, 中性的 色溫.
調色盤 CSS Grid Layout Atelier 具有 6 程式碼顏色的組合:
十六進位: #5eead4, RGB: (94, 234, 212); 十六進位: #e5e7eb, RGB: (229, 231, 235); 十六進位: #6366f1, RGB: (99, 102, 241)
十六進位: #fbcfe8, RGB: (251, 207, 232); 十六進位: #1f2937, RGB: (31, 41, 55); 十六進位: #f8f9fa, RGB: (248, 249, 250)
調色板顏色的簡化版本
陰影 turquoise, 陰影 gainsboro, 色調 mediumslateblue, 陰影 thistle, 陰影 黑色的, 陰影 whitesmoke
配色方案是由 colorday
調色盤中的顏色代碼
CSS Grid Layout Atelier 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #5eead4 | #5eead4 | RGB(94, 234, 212) | Gridline Teal | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Column Smoke | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Breakpoints Indigo | — |
| #fbcfe8 | #fbcfe8 | RGB(251, 207, 232) | Gutter Rose | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Container Graphite | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Flowchart Cream | — |
色彩調色板對比度
6 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#5eead4 | #e5e7eb | 1.19 |
#5eead4 | #fbcfe8 | 1.07 |
#5eead4 | #f8f9fa | 1.4 |
#e5e7eb | #fbcfe8 | 1.11 |
#e5e7eb | #f8f9fa | 1.17 |
#fbcfe8 | #f8f9fa | 1.31 |
