創建於 09/28/2022 14:18
Orange ux ui interaction
Portland Orange
#fc512a
Light Salmon
#fc947a
Indigo (Rainbow)
#243c74
Dark Blue-Gray
#65749f
Cadet Blue (Crayola)
#a6afc8
Purple Navy
#445282
調色盤由 光, 半暗 種顏色組成. 強調色 Portland Orange #fc512a 和 Indigo (Rainbow) #243c74. 調色盤有 溫暖的, 涼爽的 色溫.
調色盤 Orange ux ui interaction 具有 6 程式碼顏色的組合:
十六進位: #fc512a, RGB: (252, 81, 42); 十六進位: #fc947a, RGB: (252, 148, 122); 十六進位: #243c74, RGB: (36, 60, 116)
十六進位: #65749f, RGB: (101, 116, 159); 十六進位: #a6afc8, RGB: (166, 175, 200); 十六進位: #445282, RGB: (68, 82, 130)
調色板顏色的簡化版本
陰影 orangered, 陰影 darksalmon, 色調 darkslateblue, 色調 slategrey, 色調 lightsteelblue, 陰影 darkslateblue
配色方案是由 colorswall
調色盤中的顏色代碼
Orange ux ui interaction 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #fc512a | #fc512a | RGB(252, 81, 42) | Portland Orange | — |
| #fc947a | #fc947a | RGB(252, 148, 122) | Light Salmon | — |
| #243c74 | #243c74 | RGB(36, 60, 116) | Indigo (Rainbow) | — |
| #65749f | #65749f | RGB(101, 116, 159) | Dark Blue-Gray | — |
| #a6afc8 | #a6afc8 | RGB(166, 175, 200) | Cadet Blue (Crayola) | — |
| #445282 | #445282 | RGB(68, 82, 130) | Purple Navy | — |
色彩調色板對比度
6 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#fc512a | #fc947a | 1.52 |
#fc512a | #65749f | 1.39 |
#fc512a | #a6afc8 | 1.5 |
#fc947a | #a6afc8 | 1 |
#243c74 | #445282 | 1.4 |
#65749f | #445282 | 1.64 |
