創建於 08/19/2025 17:20
  6

UI Kit Accessibility Hypergrid

  • Component Teal
    #028090
  • Text Contrast Black
    #222222
  • Screen White
    #f9f9f9
  • Aria Purple
    #9d4edd
  • Tooltip Yellow
    #ffd166
  • Flow Green
    #06d6a0
  • Wireframe Silver
    #ced4da
Loading...
調色盤由 光, 黑暗的 種顏色組成. 強調色 Component Teal #028090 和 Tooltip Yellow #ffd166. 調色盤有 涼爽的, 中性的, 溫暖的 色溫.

依亮度,此調色盤由 #222222(最深)到 #F9F9F9(最淺)。 亮度範圍較寬。

整體飽和度偏鮮明(彩度較高)。

有些色相成對接近互補位置——可能讀成互補對比(啟發式)。

整體色溫偏冷。

HEX 代碼(排序):#028090, #06D6A0, #222222, #9D4EDD, #CED4DA, #F9F9F9, #FFD166

調色盤 UI Kit Accessibility Hypergrid 具有 7 程式碼顏色的組合:
十六進位: #028090, RGB: (2, 128, 144); 十六進位: #222222, RGB: (34, 34, 34); 十六進位: #f9f9f9, RGB: (249, 249, 249)
十六進位: #9d4edd, RGB: (157, 78, 221); 十六進位: #ffd166, RGB: (255, 209, 102); 十六進位: #06d6a0, RGB: (6, 214, 160)
十六進位: #ced4da, RGB: (206, 212, 218)
調色板顏色的簡化版本
陰影 青色, 陰影 黑色的, 陰影 whitesmoke, 陰影 darkorchid, 陰影 gold, 色調 mediumaquamarine, 色調 lightgrey
配色方案是由 colorscheme

調色盤中的顏色代碼

UI Kit Accessibility Hypergrid 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#028090 #028090 RGB(2, 128, 144)Component Teal
#222222 #222222 RGB(34, 34, 34)Text Contrast BlackBlack Out
#f9f9f9 #f9f9f9 RGB(249, 249, 249)Screen WhiteDoctor
#9d4edd #9d4edd RGB(157, 78, 221)Aria Purple
#ffd166 #ffd166 RGB(255, 209, 102)Tooltip Yellow
#06d6a0 #06d6a0 RGB(6, 214, 160)Flow Green
#ced4da #ced4da RGB(206, 212, 218)Wireframe Silver

色彩調色板對比度

7 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#028090
#9d4edd
1.01
#f9f9f9
#ffd166
1.36
#f9f9f9
#06d6a0
1.79
#f9f9f9
#ced4da
1.41
#ffd166
#06d6a0
1.3
#ffd166
#ced4da
1.03

圖像調色板 UI Kit Accessibility Hypergrid PNG

Loading...
Loading...