配色與主題產生

這個工具是什麼？

從任意基色產生互補色、類似色、三色組等和諧配色方案。可直接用於設計和開發。

配色與主題產生用於視覺化選擇色彩或計算衍生色彩，並以適合 CSS 和設計系統的格式呈現。HEX、RGB 和 HSL 是同一種色彩的不同座標表示。

適合快速檢查並複製 UI 設計稿、設計 token、CSS 變數和配色方案中的色彩值。

如何使用

1. 選擇基準色彩或輸入 HEX 值。
2. 查看計算出的色彩值或調色盤。
3. 複製所需的 HEX、RGB、HSL 或 CSS 值。
4. 在真實背景和文字上同時檢查對比度與可及性。

相關工具與概念

• MDN HSL color
• 取色器 — HEX、RGB、HSL
• CSS 單位轉換 — px、rem、em 與 pt