創建於 07/17/2025 08:26
經過colorday
  1

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
Loading...
調色盤由 半暗, 光 種顏色組成. 強調色 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 CoralSalmon Sashimi
#5a4e7c #5a4e7c RGB(90, 78, 124)Feedback Indigo
#fbfbfb #fbfbfb RGB(251, 251, 251)Interaction WhiteWhiteout

色彩調色板對比度

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

Loading...
Loading...