色ミキサー
無料でオンラインで利用可能 色ミキサー インストール不要のツール
カラーミキサーについて
このツールは、2 つの HEX カラー（カラー A とカラー B）を 4 つのブレンドモードのいずれかで混ぜ合わせます：normal（線形補間）、multiply（乗算）、screen（スクリーン）、overlay（オーバーレイ）。比率スライダー（0〜100%）がミックスの重みを制御し、結果は見本として表示され、HEX、RGB、HSL の値に加えて A から B への 11 段階のグラデーションプレビューが付きます。
使い方
1. カラーピッカーまたは HEX 入力欄を使用してカラー A とカラー B を設定します（無効な HEX は #000000 にフォールバックします）。 2. 比率スライダーを 0%（すべて A）から 100%（すべて B）までドラッグします。 3. ミックスモードを選択します：normal、multiply、screen、overlay。 4. 結果カードから結果の HEX、RGB、または HSL 文字列をコピーします。
ブレンドモードの解説
Normal：RGB 空間での直接的な線形補間 `c1 + (c2 - c1) * ratio`。Multiply：チャンネルごとに `c1 * c2 / 255` を計算してから補間。Screen：チャンネルごとに `255 - (255 - c1)(255 - c2)/255` を計算してから補間。Overlay：チャンネルごとに、ベースが 128 未満の場合は multiply、それ以外は screen を適用してから補間。比率は元のカラー A と完全にブレンドされた結果の間に適用されるため、0% は常にカラー A と等しくなります。
▶無効な HEX 値を入力した場合はどうなりますか？
▶ミックス処理は RGB 空間と HSL 空間のどちらで行われますか？
▶比率スライダーは実際に何を制御していますか？
▶グラデーションプレビューは結果の見本と一致しますか？
このツールがあなたに役立ったなら、私にコーヒーをご馳走することをお勧めします。
私にコーヒーを買ってください。