創建於 07/17/2025 08:26
Voice-Enhanced Design System for Accessibility Tools
- Listen Blue#0077b6
- Narrate Cream#fffdf7
- Speech Gray#ced4da
- Command Coral#ff7e79
- Feedback Indigo#5a4e7c
- Interaction White#fbfbfb
調色盤由 半暗, 光 種顏色組成. 強調色 Listen Blue #0077b6 和 Narrate Cream #fffdf7. 調色盤有 涼爽的, 中性的, 溫暖的 色溫.
依亮度,此調色盤由 #0077B6(最深)到 #FFFDF7(最淺)。 亮度範圍較寬。
飽和度混合——有柔色也有較鮮明的重點色。
有些色相成對接近互補位置——可能讀成互補對比(啟發式)。
整體色溫偏冷。
HEX 代碼(排序):#0077B6, #5A4E7C, #CED4DA, #FBFBFB, #FF7E79, #FFFDF7
調色盤 Voice-Enhanced Design System for Accessibility Tools 具有 6 程式碼顏色的組合:
十六進位: #0077b6, RGB: (0, 119, 182); 十六進位: #fffdf7, RGB: (255, 253, 247); 十六進位: #ced4da, RGB: (206, 212, 218)
十六進位: #ff7e79, RGB: (255, 126, 121); 十六進位: #5a4e7c, RGB: (90, 78, 124); 十六進位: #fbfbfb, RGB: (251, 251, 251)
調色板顏色的簡化版本
色調 steelblue, 陰影 floralwhite, 色調 lightgrey, 陰影 salmon, 陰影 darkslateblue, 色調 白色的
配色方案是由 colorday
調色盤中的顏色代碼
Voice-Enhanced Design System for Accessibility Tools 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #0077b6 | #0077b6 | RGB(0, 119, 182) | Listen Blue | — |
| #fffdf7 | #fffdf7 | RGB(255, 253, 247) | Narrate Cream | — |
| #ced4da | #ced4da | RGB(206, 212, 218) | Speech Gray | — |
| #ff7e79 | #ff7e79 | RGB(255, 126, 121) | Command Coral | Salmon Sashimi |
| #5a4e7c | #5a4e7c | RGB(90, 78, 124) | Feedback Indigo | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Interaction White | Whiteout |
色彩調色板對比度
6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#0077b6 | #ff7e79 | 1.97 |
#0077b6 | #5a4e7c | 1.53 |
#fffdf7 | #ced4da | 1.46 |
#fffdf7 | #fbfbfb | 1.01 |
#ced4da | #ff7e79 | 1.65 |
#ced4da | #fbfbfb | 1.44 |
圖像調色板 Voice-Enhanced Design System for Accessibility Tools PNG
匯出調色盤
下載 "Voice-Enhanced Design System for Accessibility Tools" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
