カラーミキサー
2つの色を混ぜて、HEXコード付きで段階的に中間色を発見します。
2つの色をオンラインで混ぜる方法
色AとBを選択してください
ビジュアルセレクターまたはHEXコードを使用して、混ぜたい2つの色を選択します。
ステップ数を調整する
2つの色の間に表示したい中間色の数を選択してください。
最も気に入った色をコピーしてください
ミックスのスウォッチをクリックして、HEXコードをコピーします。
カラーミキサーについてよくある質問
色を混ぜることは、2つのブランドカラー間の中間色を見つけたり、段階的なグラデーションを作成したり、単に組み合わせを探索したりするのに役立ちます。このツールはブラウザで直接混合を計算します。
混合はどのように計算されますか？
+
各RGBチャネルが、選択したステップ数だけ色Aと色B間で補間されます。
何段階の中間色を生成できますか？
+
3～10段階の中間色から選択できます。
CSS グラデーションと同じですか？
+
結果は2つの色を使用したリニアグラデーションに似ていますが、ここでは各ステップを独立した単色として取得でき、それぞれ独自のHEXコードを持っています。
生成された色をコピーできますか？
+
はい、任意の色をクリックしてHEXコードをコピーできます。
無料ですか？
+
はい、このツールは完全に無料です。
データはサーバーにアップロードされますか？
+
いいえ、色の混合はお使いのブラウザで直接計算されます。
色
カラーコンバーター（HEX、RGB、HSL、CMYK）
HEX、RGB、HSL、CMYKの間で任意の色を瞬時に変換でき、ライブプレビューと最も近い色名を表示します。
カラーパレットジェネレータ
ベースカラーから5色の調和したパレット（補色、類似色、三色配色、単色配色）を作成します。
CSSグラデーションジェネレーター
最大4色の線形または放射状グラデーションを作成し、すぐに使用できるCSSコードをコピーします。
WCAGコントラストチェッカー
テキストと背景色の組み合わせがAA および AAA のアクセシビリティレベルを満たしているかを確認します。
ランダムカラー
クリック1つでランダムに色を生成し、その名前、HEX/RGB/HSLコード、および類似色を発見できます。
カラーピッカー（スポイト）
ブラウザのスポイトツールを使用して画面から任意の色を選択するか、クラシックなカラーピッカーを使用します。
色盲シミュレーター
画像をアップロードして、一色型色覚異常、二色型色覚異常、または三色型色覚異常の人がどのように見えるかを確認します。
メッシュグラデーションジェネレーター
メッシュグラデーション（ぼかされた色のパッチ）で背景を作成し、PNGでダウンロードするか、CSSコードをコピーします。
色合いと陰影ジェネレーター
任意の色のより明るい色合いと最も暗い陰影をHEXコード付きで自動生成します。
カラーホイール（調和）
ホイール上で色を選択して、調和のとれた組み合わせを発見してください：補色、類似色、三色配置など。
画像からのパレット抽出ツール
画像をアップロードすると、その支配的な色を自動的に抽出し、各色のHEXコード付きのパレットを生成します。
画像の平均色
画像をアップロードして、HEX、RGB、HSLコード付きの平均色を瞬時に計算します。
