配色調色盤產生器

使用方法

1. 用 HEX、rgb()、hsl() 或選色器設定基準色。
2. 看六組配色 — 補色、類似色、三色與其他。
3. 點色塊複製 HEX，或把整組複製成 CSS 變數。

常見問題

補色是怎麼決定的?

色輪上相隔 180° 的顏色。對比最強，適合強調，但大面積並排會讓眼睛疲勞——約佔 10~20% 面積比較合適。

該用哪一組配色?

背景與卡片用類似色或單色比較安全；按鈕、標籤、警示這些要突出的元素用補色或分裂補色。

CSS 複製會得到什麼?

以組名命名的自訂屬性清單，例如 `--triadic-1: #3366CC;`，直接貼進 `:root` 就能用。

我的顏色會被傳送嗎?

不會。所有轉換與配色都在瀏覽器裡完成。

相關工具

• 開發者工具 — JSON · Base64 · URL · Regex · Timestamp · JWT · Cron · CIDR · Diff。
• 圖片壓縮工具 — 直接在瀏覽器裡壓縮圖片、調整尺寸。
• 字數與字元統計 — 即時統計字元、字數、行數與位元組。
• QR Code 產生器 — 把任何連結或文字變成 QR Code，並下載成 PNG。