画像とデザインツール

カラーミキサー

ブラウザーで不透明なHEX色を追加・削除します。赤、緑、青をそれぞれ等しい重みで平均し、最も近い整数に丸めます。

ブラウザ内で処理登録不要プライバシーの説明 ↗
色 1
色 2

2 色以上が必要です。各 RGB チャンネルを等しく平均し、最も近い整数に丸めます。

混合色

使い方

使い方

  1. 2つのHEX色から始め、必要に応じて追加します。
  2. 色を調整するか一覧から削除します。
  3. 混合したHEXとRGB値をコピーします。

等しい重みのRGBアルゴリズム

6桁の不透明なHEX色をsRGBの赤・緑・青に分解し、各チャンネルの算術平均を計算します。顔料モデル、HSL補間、利用者の重みは使いません。

丸めと範囲

Math.roundで最も近い整数に丸め、各値は0~255になります。HEXは大文字の2桁チャンネル、RGBは同じ丸めた値です。

2色以上

最初は2色で、追加・削除できます。結果には少なくとも2つの色入力が必要で、一覧の全色が等しく寄与します。

よくある質問

あわせて知りたいこと

混合方法は?

全HEX色の赤・緑・青をそれぞれ等しい重みで平均します。

小数はどう扱いますか?

HEXとRGBを表示する前に、各平均をMath.roundで最も近い整数に丸めます。

3色以上使えますか?

はい。入力を追加・削除できますが、結果には少なくとも2色が必要です。

透明度や顔料混合は対応しますか?

いいえ。不透明な6桁HEXのみで、RGBチャンネルの平均を計算します。