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:

反馈这个工具的问题