色票產生器
選一個基底色，一鍵生成 5 色調色盤——鄰近、互補、三角色等 6 種模式，點色塊即複製。
AD
#14B6DBrgb(20, 182, 219)
點擊複製 · 可拖曳排序#1484DBrgb(20, 132, 219)
點擊複製 · 可拖曳排序#1452DBrgb(20, 82, 219)
點擊複製 · 可拖曳排序#1421DBrgb(20, 33, 219)
點擊複製 · 可拖曳排序#3914DBrgb(57, 20, 219)
點擊複製 · 可拖曳排序匯出
:root {
--color-1: #14b6db;
--color-2: #1484db;
--color-3: #1452db;
--color-4: #1421db;
--color-5: #3914db;
}點色塊複製 HEX；拖曳色塊可排序；🔒 鎖定的顏色在「換一組」或換模式時會保留。
使用方式
- 用取色器或輸入 HEX 選基底色。
- 切換配色模式（鄰近色／互補色／三角色／分裂互補／單色系／隨機）。
- 點色塊複製 HEX；拖曳色塊可排序；點鎖頭 🔒 鎖定顏色。
- 「換一組」只重抽未鎖定的顏色，可用「匯出 PNG」下載色票圖。
常見問題
有哪些配色模式？
鄰近色、互補色、三角色、分裂互補、單色系與隨機 6 種。
如何複製色碼？
點色塊複製 HEX；下方按鈕可複製全部、CSS 變數或匯出 PNG。
鎖定與拖曳排序是什麼？
🔒 鎖定後「換一組」保留該色，只重抽未鎖定的位置；拖曳色塊可調整順序。
可以自訂基底色嗎？
可以，取色器或手輸 HEX，也有隨機基底色按鈕。
AD