創建於 08/25/2025 19:27
Gamified Web Component UX Light/Dark ThemeKit
Swipe Tangerine
#ff914d
Tap Lavender
#b78aff
Scroll Cyan
#4dd9ff
Notification Lime
#a0ff4d
Background Grey
#f1f1f1
Accent Black
#222222
Glow Magenta
#ff00ff
Highlight Yellow
#fff200
調色盤由 光, 黑暗的 種顏色組成. 強調色 Scroll Cyan #4dd9ff 和 Highlight Yellow #fff200. 調色盤有 溫暖的, 涼爽的, 中性的 色溫.
調色盤 Gamified Web Component UX Light/Dark ThemeKit 具有 8 程式碼顏色的組合:
十六進位: #ff914d, RGB: (255, 145, 77); 十六進位: #b78aff, RGB: (183, 138, 255); 十六進位: #4dd9ff, RGB: (77, 217, 255)
十六進位: #a0ff4d, RGB: (160, 255, 77); 十六進位: #f1f1f1, RGB: (241, 241, 241); 十六進位: #222222, RGB: (34, 34, 34)
十六進位: #ff00ff, RGB: (255, 0, 255); 十六進位: #fff200, RGB: (255, 242, 0)
調色板顏色的簡化版本
色調 sandybrown, 陰影 mediumpurple, 色調 skyblue, 色調 greenyellow, 色調 whitesmoke, 陰影 黑色的, 品紅, 色調 黃色的
配色方案是由 coolor
調色盤中的顏色代碼
Gamified Web Component UX Light/Dark ThemeKit 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #ff914d | #ff914d | RGB(255, 145, 77) | Swipe Tangerine | — |
| #b78aff | #b78aff | RGB(183, 138, 255) | Tap Lavender | — |
| #4dd9ff | #4dd9ff | RGB(77, 217, 255) | Scroll Cyan | — |
| #a0ff4d | #a0ff4d | RGB(160, 255, 77) | Notification Lime | — |
| #f1f1f1 | #f1f1f1 | RGB(241, 241, 241) | Background Grey | — |
| #222222 | #222222 | RGB(34, 34, 34) | Accent Black | Black Out |
| #ff00ff | #ff00ff | RGB(255, 0, 255) | Glow Magenta | Magenta |
| #fff200 | #fff200 | RGB(255, 242, 0) | Highlight Yellow | Dorn Yellow |
色彩調色板對比度
15 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#ff914d | #b78aff | 1.16 |
#ff914d | #4dd9ff | 1.34 |
#ff914d | #a0ff4d | 1.79 |
#ff914d | #f1f1f1 | 1.97 |
#ff914d | #ff00ff | 1.4 |
#ff914d | #fff200 | 1.9 |
