jarvisbox

カラーミキサー

2色を任意の比率でブレンドし、結果の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:

このツールの問題を報告