創建於 06/25/2025 20:33
Accessible Light UI Tokens
Readable Yellow
#fde68a
Ink Gray
#1f2937
Focus Teal
#2dd4bf
Soft Linen
#f9fafb
Error Rose
#fb7185
Card Silver
#e5e7eb
Header Sky
#93c5fd
調色盤由 光, 黑暗的 種顏色組成. 強調色 Readable Yellow #fde68a 和 Header Sky #93c5fd. 調色盤有 溫暖的, 涼爽的, 中性的 色溫.
調色盤 Accessible Light UI Tokens 具有 7 程式碼顏色的組合:
十六進位: #fde68a, RGB: (253, 230, 138); 十六進位: #1f2937, RGB: (31, 41, 55); 十六進位: #2dd4bf, RGB: (45, 212, 191)
十六進位: #f9fafb, RGB: (249, 250, 251); 十六進位: #fb7185, RGB: (251, 113, 133); 十六進位: #e5e7eb, RGB: (229, 231, 235)
十六進位: #93c5fd, RGB: (147, 197, 253)
調色板顏色的簡化版本
陰影 卡其色, 陰影 黑色的, 色調 turquoise, 陰影 whitesmoke, 色調 lightcoral, 陰影 gainsboro, 色調 lightskyblue
配色方案是由 palettespicker
調色盤中的顏色代碼
Accessible Light UI Tokens 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #fde68a | #fde68a | RGB(253, 230, 138) | Readable Yellow | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Ink Gray | — |
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Focus Teal | — |
| #f9fafb | #f9fafb | RGB(249, 250, 251) | Soft Linen | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Error Rose | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Card Silver | — |
| #93c5fd | #93c5fd | RGB(147, 197, 253) | Header Sky | — |
色彩調色板對比度
12 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#fde68a | #2dd4bf | 1.49 |
#fde68a | #f9fafb | 1.19 |
#fde68a | #e5e7eb | 1 |
#fde68a | #93c5fd | 1.44 |
#2dd4bf | #f9fafb | 1.78 |
#2dd4bf | #fb7185 | 1.44 |
