創建於 07/11/2025 21:09
CSS Variables Web Component Skin
Primary Indigo
#3f37c9
Secondary Peach
#ffb4a2
Surface Snow
#fbfbfb
Accent Teal
#3dd9d6
On-Surface Graphite
#3e3e3e
Semantic Alert Red
#e63946
Footer Fog
#f4f4f4
調色盤由 光, 半暗 種顏色組成. 強調色 Secondary Peach #ffb4a2 和 Accent Teal #3dd9d6. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 CSS Variables Web Component Skin 具有 7 程式碼顏色的組合:
十六進位: #3f37c9, RGB: (63, 55, 201); 十六進位: #ffb4a2, RGB: (255, 180, 162); 十六進位: #fbfbfb, RGB: (251, 251, 251)
十六進位: #3dd9d6, RGB: (61, 217, 214); 十六進位: #3e3e3e, RGB: (62, 62, 62); 十六進位: #e63946, RGB: (230, 57, 70)
十六進位: #f4f4f4, RGB: (244, 244, 244)
調色板顏色的簡化版本
陰影 藍色的, 陰影 lightsalmon, 色調 白色的, 陰影 mediumturquoise, 色調 darkslategrey, 陰影 crimson, 色調 whitesmoke
配色方案是由 palettespicker
調色盤中的顏色代碼
CSS Variables Web Component Skin 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #3f37c9 | #3f37c9 | RGB(63, 55, 201) | Primary Indigo | — |
| #ffb4a2 | #ffb4a2 | RGB(255, 180, 162) | Secondary Peach | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Surface Snow | Whiteout |
| #3dd9d6 | #3dd9d6 | RGB(61, 217, 214) | Accent Teal | — |
| #3e3e3e | #3e3e3e | RGB(62, 62, 62) | On-Surface Graphite | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Semantic Alert Red | — |
| #f4f4f4 | #f4f4f4 | RGB(244, 244, 244) | Footer Fog | — |
色彩調色板對比度
8 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#3f37c9 | #3e3e3e | 1.32 |
#3f37c9 | #e63946 | 1.93 |
#ffb4a2 | #fbfbfb | 1.64 |
#ffb4a2 | #3dd9d6 | 1.01 |
#ffb4a2 | #f4f4f4 | 1.55 |
#fbfbfb | #3dd9d6 | 1.67 |
