色混合ツール
無料のオンライン色混合ツール。比率で色をブレンドし、デジタル色空間の結果と絵具風の混色を比較できます。
パレット
33%
33%
34%
デジタルカラーミキサー
LRGB カラーミキサー
HSL カラーミキサー
LAB カラーミキサー
LCH カラーミキサー
OKLAB カラーミキサー
絵具カラーミキサー
絵具カラーミキサー
何色を混ぜると…？
代表的な混色例をワンクリックで読み込み、すぐに結果を確認できます。
混色チャート例
よく使う色の組み合わせを RGB、LRGB、HSL、LAB、LCH、OKLAB で比較できます。
| 組み合わせ | 顔料混合 | RGB | LRGB | HSL | LAB | LCH | OKLAB |
|---|---|---|---|---|---|---|---|
| #4A182B | #800080 | #BC00BC | #FF00FF | #C10088 | #F50086 | #8C53A2 | |
| #398F54 | #808080 | #BCBCBC | #00FF80 | #C189AC | #FF005E | #6CABC7 | |
| #FF440F | #FF8000 | #FFBC00 | #FF8000 | #FFA200 | #FFA000 | #FFA000 | |
| #834B17 | #808000 | #BCBC00 | #FFFF00 | #C8AC00 | #D1A900 | #D0A800 | |
| #00884C | #008080 | #00BCBC | #00FFFF | #7691A8 | #00B4FF | #00AABF | |
| #A6A6A6 | #808080 | #BCBCBC | #808080 | #777777 | #777777 | #636363 |
色混合ツールについて
複数の色を重み付きで混合し、パレット、digital color mixer の結果、paint color mixer の結果を同時に確認できます。
Digital color mixer: Digital color mixer は各色空間を個別の color mixer カードとして表示し、画面デザイン、UI プレビュー、カラーシステムの確認に役立ちます。 Paint color mixer: Paint color mixer は顔料らしい減法混色を近似するため、RGB 補間より実際の絵具に近い見え方になる場合があります。
RGB / LRGB / HSL / LAB / LCH / OKLAB の color mixer カードでデジタル混色アルゴリズムを比較し、paint color mixer で顔料に近い減法混色の結果を確認できます。
使い方
- カラーピッカーで色を選ぶか、6桁の HEX（#RRGGBB）を入力します。
- 各色の重みスライダーを調整すると、バーに正規化された割合が表示されます。
- 必要に応じて色を追加/削除します（最低 2 色は残ります）。
- 正方形の結果色ブロック、または HEX/RGB/HSL の行をクリックして値をコピーします。
よくある質問
混色結果が想定と違って見えるのはなぜ？
Digital color mixer の各カードと paint color mixer は異なる計算方法を使います。知覚に近い混色は LRGB / LAB / OKLAB を比較し、顔料風の結果は paint color mixer を確認してください。
対応している入力形式は？
6 桁 HEX（#RRGGBB）のみ対応しています。無効な入力は入力欄を離れたときに直前の有効な値へ戻ります。
重みは 100 に合わせる必要がありますか？
いいえ、必要ありません。ツールが重みを自動で正規化します。
色を削除できないのはなぜですか？
有効な混色を保つため、最低 2 色は必要です。
コピーができない場合は？
ブラウザの権限設定でクリップボードアクセスが制限される場合があります。値を選択して手動でコピーしてください。