カラーミキサーとは？
比率スライダーで2つの色をブレンドし、結果をリアルタイムで確認できます。HEX・RGB・HSL値が表示され、コードやデザインツールにそのままコピーできます。
使い方
- ステップ1 — カラーピッカーを使用するか、HEX値を入力して最初の色を選択します。
- ステップ2 — 2つ目の色を選択し、ミックス比率スライダーでブレンドを調整します（0%=最初の色のみ、100%=2つ目の色のみ）。
- ステップ3 — 混合結果をカラーコードとともに確認し、必要な値をコピーします。
結果
デザイナーがブランドブルー（#2196F3）とホワイト（#FFFFFF）を30%の比率で混合し、UIキットのホバーステート用に淡いティント（#A1C9F8）を作成します。