創建於 06/12/2025 08:40
Accessibility-Optimized Contrast Kit
Contrast Black
#111111
Action Yellow
#ffd60a
Surface White
#ffffff
Focus Indigo
#6366f1
Label Gray
#a1a1aa
Tap Mint
#bbf7d0
調色盤由 黑暗的, 光 種顏色組成. 強調色 Action Yellow #ffd60a 和 Focus Indigo #6366f1. 調色盤有 中性的, 溫暖的, 涼爽的 色溫.
調色盤 Accessibility-Optimized Contrast Kit 具有 6 程式碼顏色的組合:
十六進位: #111111, RGB: (17, 17, 17); 十六進位: #ffd60a, RGB: (255, 214, 10); 十六進位: #ffffff, RGB: (255, 255, 255)
十六進位: #6366f1, RGB: (99, 102, 241); 十六進位: #a1a1aa, RGB: (161, 161, 170); 十六進位: #bbf7d0, RGB: (187, 247, 208)
調色板顏色的簡化版本
陰影 黑色的, 陰影 gold, 白色的, 色調 mediumslateblue, 色調 darkgrey, 陰影 aquamarine
配色方案是由 coolor
調色盤中的顏色代碼
Accessibility-Optimized Contrast Kit 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #111111 | #111111 | RGB(17, 17, 17) | Contrast Black | Dreamless Sleep |
| #ffd60a | #ffd60a | RGB(255, 214, 10) | Action Yellow | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface White | White |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Focus Indigo | — |
| #a1a1aa | #a1a1aa | RGB(161, 161, 170) | Label Gray | — |
| #bbf7d0 | #bbf7d0 | RGB(187, 247, 208) | Tap Mint | — |
色彩調色板對比度
5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#ffd60a | #ffffff | 1.41 |
#ffd60a | #a1a1aa | 1.81 |
#ffd60a | #bbf7d0 | 1.16 |
#ffffff | #bbf7d0 | 1.21 |
#6366f1 | #a1a1aa | 1.74 |
