jarvisbox

顏色混合器

以任意比例混合兩種顏色,即時顯示混合後的 Hex、RGB 與 HSL 值。

Mixed result

#ac5298

RGB

rgb(172, 82, 152)

HSL

hsl(311, 36%, 50%)

How to use

  1. Pick or type Color A (left) and Color B (right).
  2. Drag the slider to set the mix ratio — 0% is pure A, 100% is pure B.
  3. Copy the resulting hex code with the Copy button.

Related color tools

常見問題

Is this color mixer free?
Yes, completely free with no signup and no usage limits.
Does my color data leave my device?
No. All blending runs in JavaScript inside your browser. Nothing is sent to any server.
Does it work on mobile?
Yes. The tool is mobile-first and works on iPhone Safari and Android Chrome.

Last updated:

回報這個工具的問題