カラーミキサーとは?

カラーミキサーは、調整可能な比率スライダーで2つの色をブレンドします。混合後のカラーとそのHEX・RGB・HSL値がリアルタイムで表示され、調和のとれたカラーパレット作成に最適です。

使い方

  1. ステップ1 — カラーピッカーを使用するか、HEX値を入力して最初の色を選択します。
  2. ステップ2 — 2つ目の色を選択し、ミックス比率スライダーでブレンドを調整します(0%=最初の色のみ、100%=2つ目の色のみ)。
  3. ステップ3 — 混合結果をカラーコードとともに確認し、必要な値をコピーします。

結果

デザイナーがブランドブルー(#2196F3)とホワイト(#FFFFFF)を30%の比率で混合し、UIキットのホバーステート用に淡いティント(#A1C9F8)を作成します。

関連ツール