創建於 11/12/2022 17:29
Design app ux ui colours
- Dodger Blue#1c84f3
- Tufts Blue#4095ee
- Indigo (Rainbow)#27286d
- Middle Red Purple#9b4a52
- Turquoise Green#9cd4bc
- Japanese Violet#543454
調色盤由 光, 黑暗的, 半暗 種顏色組成. 強調色 Dodger Blue #1c84f3 和 Middle Red Purple #9b4a52. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
依亮度,此調色盤由 #543454(最深)到 #9CD4BC(最淺)。 亮度範圍中等。
飽和度混合——有柔色也有較鮮明的重點色。
有些色相成對接近互補位置——可能讀成互補對比(啟發式)。
整體色溫偏冷。
HEX 代碼(排序):#1C84F3, #27286D, #4095EE, #543454, #9B4A52, #9CD4BC
調色盤 Design app ux ui colours 具有 6 程式碼顏色的組合:
十六進位: #1c84f3, RGB: (28, 132, 243); 十六進位: #4095ee, RGB: (64, 149, 238); 十六進位: #27286d, RGB: (39, 40, 109)
十六進位: #9b4a52, RGB: (155, 74, 82); 十六進位: #9cd4bc, RGB: (156, 212, 188); 十六進位: #543454, RGB: (84, 52, 84)
調色板顏色的簡化版本
色調 dodgerblue, 陰影 dodgerblue, 陰影 midnightblue, 陰影 brown, 陰影 mediumaquamarine, 色調 darkslateblue
配色方案是由 palettespicker
調色盤中的顏色代碼
Design app ux ui colours 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #1c84f3 | #1c84f3 | RGB(28, 132, 243) | Dodger Blue | — |
| #4095ee | #4095ee | RGB(64, 149, 238) | Tufts Blue | — |
| #27286d | #27286d | RGB(39, 40, 109) | Indigo (Rainbow) | — |
| #9b4a52 | #9b4a52 | RGB(155, 74, 82) | Middle Red Purple | — |
| #9cd4bc | #9cd4bc | RGB(156, 212, 188) | Turquoise Green | — |
| #543454 | #543454 | RGB(84, 52, 84) | Japanese Violet | — |
色彩調色板對比度
6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#1c84f3 | #4095ee | 1.19 |
#1c84f3 | #9b4a52 | 1.61 |
#4095ee | #9b4a52 | 1.93 |
#4095ee | #9cd4bc | 1.85 |
#27286d | #543454 | 1.23 |
#9b4a52 | #543454 | 1.75 |
圖像調色板 Design app ux ui colours PNG
匯出調色盤
下載 "Design app ux ui colours" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
