創建於 06/22/2025 07:02
Modular Web Component Swatch
- Element Indigo#7d6b91
- State Mint#9fe2bf
- Tag Blush#fad4d8
- Attribute Steel#708090
- Scope Linen#f8f1e7
- Slot Ice#f0f8ff
調色盤由 光 種顏色組成. 強調色 Tag Blush #fad4d8 和 Slot Ice #f0f8ff. 調色盤有 涼爽的, 中性的 色溫.
依亮度,此調色盤由 #7D6B91(最深)到 #F0F8FF(最淺)。 亮度範圍中等。
整體飽和度偏鮮明(彩度較高)。
有些色相成對接近互補位置——可能讀成互補對比(啟發式)。
整體色溫偏冷。
HEX 代碼(排序):#708090, #7D6B91, #9FE2BF, #F0F8FF, #F8F1E7, #FAD4D8
調色盤 Modular Web Component Swatch 具有 6 程式碼顏色的組合:
十六進位: #7d6b91, RGB: (125, 107, 145); 十六進位: #9fe2bf, RGB: (159, 226, 191); 十六進位: #fad4d8, RGB: (250, 212, 216)
十六進位: #708090, RGB: (112, 128, 144); 十六進位: #f8f1e7, RGB: (248, 241, 231); 十六進位: #f0f8ff, RGB: (240, 248, 255)
調色板顏色的簡化版本
色調 mediumpurple, 陰影 mediumaquamarine, 色調 mistyrose, 陰影 linen
配色方案是由 hex
調色盤中的顏色代碼
Modular Web Component Swatch 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #7d6b91 | #7d6b91 | RGB(125, 107, 145) | Element Indigo | — |
| #9fe2bf | #9fe2bf | RGB(159, 226, 191) | State Mint | Bright Sea Green |
| #fad4d8 | #fad4d8 | RGB(250, 212, 216) | Tag Blush | — |
| #708090 | #708090 | RGB(112, 128, 144) | Attribute Steel | Chain Gang Grey |
| #f8f1e7 | #f8f1e7 | RGB(248, 241, 231) | Scope Linen | — |
| #f0f8ff | #f0f8ff | RGB(240, 248, 255) | Slot Ice | Alice Blue |
色彩調色板對比度
7 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#7d6b91 | #708090 | 1.18 |
#9fe2bf | #fad4d8 | 1.09 |
#9fe2bf | #f8f1e7 | 1.32 |
#9fe2bf | #f0f8ff | 1.38 |
#fad4d8 | #f8f1e7 | 1.21 |
#fad4d8 | #f0f8ff | 1.26 |
圖像調色板 Modular Web Component Swatch PNG
匯出調色盤
下載 "Modular Web Component Swatch" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
