Web UI Accessibility Tokens

  • Readable Navy
    #1f2937
  • Label White
    #ffffff
  • Focus Aqua
    #22d3ee
  • Error Red
    #ef4444
  • Active Lavender
    #ddd6fe
  • Support Grey
    #d1d5db
  6
創建於 06/14/2025 19:44
作者colorslib
調色盤由 深色, 淺色 種顏色組成. 強調色 Focus Aqua #22d3ee 和 Active Lavender #ddd6fe. 調色盤有 冷色, 中性色, 暖色 色溫.

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

飽和度混合——6 種顏色中有 3 種柔和、3 種鮮明。

部分顏色在色輪上大致相對,為調色盤帶來互補對比。

整體色溫偏冷(6 中有 4)。

HEX 代碼(排序):#1F2937, #22D3EE, #D1D5DB, #DDD6FE, #EF4444, #FFFFFF

調色盤 Web UI Accessibility Tokens 具有 6 程式碼顏色的組合:
HEX: #1f2937, RGB: (31, 41, 55); HEX: #ffffff, RGB: (255, 255, 255); HEX: #22d3ee, RGB: (34, 211, 238)
HEX: #ef4444, RGB: (239, 68, 68); HEX: #ddd6fe, RGB: (221, 214, 254); HEX: #d1d5db, RGB: (209, 213, 219)
調色板顏色的簡化版本
淺色調 黑色, 白色, 淺色調 暗綠松石色, 暗色調 印度紅, 暗色調 薰衣草紫, 淺色調 淺灰色
配色方案是由 colorslib

調色盤中的顏色代碼

Web UI Accessibility Tokens 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#1f2937#1f2937RGB(31, 41, 55)Readable Navy—
#ffffff#ffffffRGB(255, 255, 255)Label WhiteWhite
#22d3ee#22d3eeRGB(34, 211, 238)Focus Aqua—
#ef4444#ef4444RGB(239, 68, 68)Error Red—
#ddd6fe#ddd6feRGB(221, 214, 254)Active Lavender—
#d1d5db#d1d5dbRGB(209, 213, 219)Support Grey—

色彩調色板對比度

6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#ffffff
#22d3ee
1.8
#ffffff
#ddd6fe
1.38
#ffffff
#d1d5db
1.47
#22d3ee
#ddd6fe
1.3
#22d3ee
#d1d5db
1.22
#ddd6fe
#d1d5db
1.06

圖像調色板 Web UI Accessibility Tokens png