什麼是色彩混合器?

用比例滑桿將兩種顏色混合,即時查看混合結果。輸出 HEX、RGB 和 HSL 值,可直接複製到程式碼或設計工具中。

使用方法

  1. 步驟一——使用取色器選擇第一種顏色,或輸入其 HEX 值。
  2. 步驟二——選擇第二種顏色,然後拖動混合比例滑桿來控制混合程度(0% = 純第一種顏色,100% = 純第二種顏色)。
  3. 步驟三——查看混合結果及其色碼,複製所需數值。

結果

一位設計師將品牌藍 (#2196F3) 與白色 (#FFFFFF) 按 30% 比例混合,得到柔和的淺藍色 (#A1C9F8) 作為 UI 元件的懸停態顏色。

相關工具