UTILS.
100% ブラウザ内で完結

カラーミキサー

2つの色を調整可能な比率で混合し、結果のHEX値を取得します。

スライダーをドラッグしてから結果をクリックするとコピーできます。

このツールについて

Color Mixer は、2つの色を調整可能な比率でブレンドし、得られた16進コードを返す無料のブラウザ内ツールです。ネイティブのカラーピッカーで開始色と終了色を選び、比率スライダーを0〜100パーセントでドラッグして、最初の色から2番目の色へどこまで混ざり進むかを設定します。

ブレンドは各 RGB チャンネルを線形補間して計算されます。0% では結果は最初の色に等しく、100% では2番目の色に等しく、50% はちょうど中間点です。値は8ビット sRGB で計算され、チャンネルレベルの整数に丸められて、スライダーを動かしたりどちらかの色を変えたりするたびに、大きなプレビュースウォッチとコピー可能な16進文字列の両方でリアルタイムに表示されます。

すべてはお使いのデバイス上で動作します。アップロード・アカウント・追跡はなく、ページを一度読み込めばオフラインでも動作します。2つのブランドカラーの中間色を見つけたり、グラデーションの中間ステップを生成したり、2色を組み合わせるとどうなるかをプレビューしたりするのに使えます。

よくある質問

ミックスはどのように計算されますか?
赤・緑・青の各チャンネルが2色の間でスライダー位置に応じて線形補間され、最も近い8ビットレベルに丸められます。0% では最初の色、100% では2番目の色が得られます。
結果をコピーするにはどうすればよいですか?
得られた16進値をクリックすると、クリップボードにコピーされます。
スライダーのパーセントは何を意味しますか?
スライダーはブレンド比率を0〜100の整数パーセント刻みで設定します。0% は最初の色のみ、100% は2番目の色のみ、50% は均等なミックスで、数値は結果が2番目の色へどこまで移動するかを表します。
透明度や他の色形式に対応していますか?
いいえ。ピッカーはネイティブのカラー入力を使うため、両方の色はアルファチャンネルのない不透明な6桁の sRGB 16進です。また、ミックスは線形光空間ではなくガンマエンコードされた sRGB で行われます。

その他のツール