カラーパレット抽出ツール

ベース色を選ぶと、補色・類似色などの配色パターンを自動生成します。スウォッチをクリックして HEX をコピー。

#2A9D8F

使い方

  1. カラーピッカーでベース色を選びます（初期値は #2A9D8F）。
  2. 補色・類似色・トライアド・分裂補色・モノクロマティックの5種パレットが各5色自動表示されます。
  3. スウォッチをクリックすると HEX コードがクリップボードにコピーされ、「Copied!」と表示されます。
  4. 「配色を共有」を押すと、同じ配色画面を開ける URL がクリップボードにコピーされます。

FAQ

どんな配色パターンが出ますか？
補色・類似色・トライアド・分裂補色・モノクロマティックの5種類です。いずれも HSL 色相環を基準に生成します。
HEX をコピーするには？
各スウォッチをクリックしてください。ブラウザのクリップボードへコピーされます。
アカウントやインストールは必要ですか？
不要です。ブラウザだけで使える無料の静的ページです。