カラーミキサー

スウォッチで2色を選ぶかhexコードを入力し、混合モデル（絵の具/減法・光/加法・シンプル線形ブレンド）を選択し、比率スライダーをドラッグします——例えば30%/70%——各色が結果に与える影響を制御します。混合色とHEX・RGB・HSL・CMYKコードは即座に更新されます。任意の形式行をクリックしてクリップボードにコピーできます。

絵の具や顔料を混ぜる場合（減法混合）、青と黄を混ぜると緑になります。モデルを減法に設定し、#2563EBのような青と#FACC15のような黄を混ぜると#61A73A付近の緑が得られます。スクリーンで光を混ぜる（加法）場合は異なります——赤+緑=黄、3色を最大輝度=白になります。

加法混色は光を合成します：赤・緑・青チャンネルが加算されるため、赤+緑=黄、3色を最大出力=白。スクリーン・プロジェクター・テレビはこの原理で動作します。減法混色は顔料や染料を合成し、光の波長を吸収（減算）します。顔料が多いほど暗くなります。青+黄=緑、3原色を全部混ぜると茶色になります。CMYK印刷は減法です。

各フィールドにhexコードを入力またはペーストします——#の有無にかかわらず——例えば#FF5733と#33C1FFです。ミキサーは現在の比率で即座に混合し、結果のhexコードとRGB・HSL・CMYKの等価値を返します。#F53のような3桁の省略hexコードも受け付けます。任意の結果行をクリックしてコピーできます。

はい。「画像から混合」パネルを開き、写真やデザインのスクリーンショットをアップロードし、キャンバスをクリックして画像から直接色をサンプリングしてカラースロットに入れます。画像はJavaScriptを使用してブラウザ内のHTMLキャンバスでローカルにデコードされます——データはサーバーに送信されず、画像はデバイス上で完全にプライベートに保たれます。

ステップコントロールで2〜20個の均等間隔のスウォッチを生成できます。11ステップだと2つのエンドポイントと9つの中間点が得られます——CSSグラデーションやデザインシステムの完全なカラーランプ作成に最適です。生成されたバーの任意のスウォッチをクリックしてhexコードをコピーするか、「すべてコピー」でシーケンス全体を取得できます。

いいえ。カラーミキサーはアカウント・登録・ペイウォール・使用制限一切なしで完全無料です。ページを開いてすぐに混合を始めることができます。サブスクリプションの後ろに高度なカラーミキシングを隠しているデザインプラットフォームとは異なり、ここのすべての機能——減法・加法モデル・画像サンプリング・マルチカラーブレンド・グラデーションステップ・すべての出力形式——が初回訪問から無料で利用できます。