創建於 03/27/2026 21:08
Web Accessibility WCAG High Contrast Toolkit
- Contrast Black#000000
- Contrast White#ffffff
- Accessible Yellow#ffd60a
- Accessible Blue#0057b7
- Accessible Red#d00000
- Accessible Green#2b9348
- Neutral Gray#6c757d
調色盤由 黑暗的, 光 種顏色組成. 強調色 Accessible Yellow #ffd60a 和 Accessible Blue #0057b7. 調色盤有 中性的, 溫暖的, 涼爽的 色溫.
依亮度,此調色盤由 #000000(最深)到 #FFFFFF(最淺)。 亮度範圍較寬。
整體飽和度偏鮮明(彩度較高)。
有些色相成對接近互補位置——可能讀成互補對比(啟發式)。
整體色溫偏冷。
HEX 代碼(排序):#000000, #0057B7, #2B9348, #6C757D, #D00000, #FFD60A, #FFFFFF
調色盤 Web Accessibility WCAG High Contrast Toolkit 具有 7 程式碼顏色的組合:
十六進位: #000000, RGB: (0, 0, 0); 十六進位: #ffffff, RGB: (255, 255, 255); 十六進位: #ffd60a, RGB: (255, 214, 10)
十六進位: #0057b7, RGB: (0, 87, 183); 十六進位: #d00000, RGB: (208, 0, 0); 十六進位: #2b9348, RGB: (43, 147, 72)
十六進位: #6c757d, RGB: (108, 117, 125)
調色板顏色的簡化版本
黑色的, 白色的, 陰影 gold, 色調 royalblue, 色調 firebrick, 陰影 seashell, 色調 slategrey
配色方案是由 colorday
調色盤中的顏色代碼
Web Accessibility WCAG High Contrast Toolkit 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #000000 | #000000 | RGB(0, 0, 0) | Contrast Black | Black |
| #ffffff | #ffffff | RGB(255, 255, 255) | Contrast White | White |
| #ffd60a | #ffd60a | RGB(255, 214, 10) | Accessible Yellow | — |
| #0057b7 | #0057b7 | RGB(0, 87, 183) | Accessible Blue | — |
| #d00000 | #d00000 | RGB(208, 0, 0) | Accessible Red | Red Epiphyllum |
| #2b9348 | #2b9348 | RGB(43, 147, 72) | Accessible Green | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | Neutral Gray | Pompeii Ash |
色彩調色板對比度
7 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#ffffff | #ffd60a | 1.41 |
#0057b7 | #d00000 | 1.2 |
#0057b7 | #2b9348 | 1.76 |
#0057b7 | #6c757d | 1.46 |
#d00000 | #2b9348 | 1.45 |
#d00000 | #6c757d | 1.21 |
圖像調色板 Web Accessibility WCAG High Contrast Toolkit PNG
匯出調色盤
下載 "Web Accessibility WCAG High Contrast Toolkit" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
