使い方
- 1つ目と2つ目の色を、カラーピッカーまたは色値の入力で指定します。
- 2つ目の色を何%混ぜるか決めます。
- できた中間色を、グラデーション生成、CSS color-mix 生成、カラー変換、または仕様書に合わせてコピーします。
Wave 44 拡張
パレットを確定する前に、中間候補色を試す
このページは、色を選ぶ工程と形式を整える工程のあいだに入る中間ページです。2つの候補色の中間をすばやく確認できます。
色A: 50%
色B: 50%
どのページと使い分けるか
カラーピッカー は1色ずつ候補を探す前段です。このページは、2つの既知色から中間候補を試す段階に向いています。混色後の色を起点に明るめ・暗め・アクセント候補まで広げたいときは カラーパレット生成、UI トークン向けに段階付きスケールへ並べたいときは カラースケール生成、背景用の線形・放射グラデーション CSS を作りたいときは グラデーション生成、2 色から実装向けの color-mix() 式を作りたいときは CSS color-mix 生成、混色後の色を別表記へ渡したいときは カラー変換、前景色と背景色の読みやすさを確認したいときは コントラストチェッカー へ進みます。
よくある質問
このページでは何ができますか？
2色を割合で混ぜ、中間色を HEX・RGB・HSL・代表色名で確認できます。代表色名は一致するものがある場合だけ表示します。
塗料の現物混色を正確に再現しますか？
いいえ。これはデジタル上の簡易ブレンドで、塗料や顔料の実物混色を再現するものではありません。
カラーピッカーとはどう使い分けますか？
1色ずつ候補を探したいときはカラーピッカー、2色の中間候補を試したいときはこのページを使います。
共有URLには何が入りますか？
2色の HEX 値と混色割合だけが入ります。