#800080
タップしてコピー
1. 混ぜるルールを選ぶ
🎨 絵の具・インク
混ぜるほど「暗く」なる
💡 光・モニター
混ぜるほど「明るく」なる
2. 色を足して量を決める
色の詳細データ
RGB–
CMYK–
HSL–
配合レシピのメモ
このツールは、複数の色を自由な比率で組み合わせて、新しく生まれる色をシミュレーションできるオンラインカラーミキサーです。
このツールでできること
このツールでは、最大5色までの色を選択し、それぞれの配合比率を変えることで、混合後の色を瞬時に特定できます。
- 2種類の混色モード: 絵の具やインクのように混ぜるほど暗くなる「減法混色」と、ライトやモニターのように混ぜるほど明るくなる「加法混色」を切り替えられます。
- 詳細なカラーデータ抽出: 混合後の色について、HEX(16進数)だけでなく、RGB、CMYK、HSLの数値を一括で算出します。
- 配合レシピの作成: 「%(パーセント)」または「滴数」で比率を調整し、そのままメモとして使えるレシピ形式で表示します。
このツールで取得する情報の基礎知識
ツールで出力される各数値には、以下のような役割があります。
- HEX(#000000など): WebサイトのデザインやHTML/CSSで最も一般的に使われる色の表現形式です。
- RGB: 赤(Red)、緑(Green)、青(Blue)の3色の光を組み合わせて色を作る方式で、ディスプレイ表示に適しています。
- CMYK: シアン、マゼンタ、イエロー、ブラックの4色のインクを組み合わせる方式で、印刷物の制作に必須のデータです。
- HSL: 色相(Hue)、彩度(Saturation)、輝度(Lightness)の3つの成分で色を定義する方式で、直感的な色の調整に向いています。
このツールが役立つときはどんなとき?
- Web・グラフィックデザイン: ロゴやサイト配色において、2つのブランドカラーを中間色でつなぎたいとき。
- イラスト・絵画の制作: デジタルペイントで「この2色を混ぜた色」をパレットに作りたいときや、アナログの絵の具を混ぜる前のシミュレーションに。
- DIY・塗装: ペンキを混ぜて好みの色を作りたい際、比率(滴数)の目安を立てて失敗を防ぎたいとき。
- 教育・学習: 色彩検定の学習や、光と色の混ざり方の違いを視覚的に理解したいとき。
絵の具モードと光モードの違いについて
本ツールには、用途に合わせて2つの計算ロジックを搭載しています。
- 絵の具・インクモード(減法混色): 物理的な色材を混ぜる状態を再現します。赤と青を混ぜると紫になり、混ぜるほど黒に近づきます。
- 光・モニターモード(加法混色): デジタルデバイスの光を重ねる状態を再現します。赤と緑を混ぜると黄色になり、混ぜるほど白に近づきます。







