色票产生器

基底色一键生成5色，锁定、拖曳、PNG 导出。

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；拖曳可排序；🔒 锁定的颜色在“换一组”时保留。

使用方式

  1. 选基底色与模式。
  2. 锁定喜欢的颜色后按“产生”。

常见问题

有哪些配色模式？

鄰近色、互補色、三角色、分裂互補、单色系與隨机 6 種。以你選的基底色為基準演算，隨机模式則直接抽 5 個色相。

如何複製色码？

点任一色塊即複製 HEX；也可用下方「複製全部 HEX」「複製 CSS 變數」或「汇出 PNG」一次取得整組色票。

鎖定與拖曳排序是什麼？

点色塊右上角的鎖頭可鎖定該顏色，「换一組」或切换模式时鎖定的顏色會保留，只重抽未鎖定的位置；拖曳色塊可自行調整順序。

可以自訂基底色嗎？

可以，用取色器或直接輸入 HEX（如 #2563EB），也有一鍵隨机基底色。

AD