コンテンツにスキップ

カラーミキサー

調整可能な比率で2色をミックス。HEX、RGB、HSLで結果を確認、グラデーションプレビューと中間ステップ付き。無料、100%ブラウザで動作。

50%
ミックスされた色
+
=
グラデーションとステップ

カラーミキシングの仕組み

このツールはRGB線形補間を使用して色を混合します。各RGBチャンネル(赤、緑、青)はミックス比率に基づいて独立してブレンドされます。0%ではカラー1、100%ではカラー2、50%では均等なミックスになります。これはデジタルデザインで使用される標準的な加法混色モデルで、減法混色(絵の具のような)の青 + 黄 = 緑とは異なります。

カラーミキシングモデル

加法混色 (RGB) — 画面やデジタルデザインで使用。赤 + 緑 = 黄、赤 + 青 = マゼンタ、緑 + 青 = シアン。このツールは加法混色を使用。減法混色 (CMYK) — 印刷や絵の具で使用。シアン + マゼンタ = 青、シアン + 黄 = 緑。HSLブレンド — 色相、彩度、明度を個別に補間し、知覚的により均一な結果を生むことがあります。

一般的な使用例

デザインシステム — ブランドカラー間の中間色を作成。グラデーション — CSSでコーディングする前にグラデーションステップをプレビュー。テーマ設定 — 白や黒と混合してhoverやactiveの状態カラーを生成。データ可視化 — 2つの端点の色を混合してカラースケールを作成。アート — デジタルカラーの組み合わせを実験。

プライバシー

すべての計算はブラウザで100%実行されます。データはサーバーに送信されません。