カラーパレット抽出・配色ジェネレーター
画像をアップロードすると主要な色を抽出し、選んだ色を基準にした配色パターンも生成します。
画像を選ぶとカラーパレットを抽出します
抽出の仕組み
画像内のピクセルを色空間で分割していくmedian cut(メディアンカット)法という手法で、代表的な色を6色抽出します。単純な平均色ではなく、画像全体の色の分布を反映したパレットになります。
こんな時に使う
- 気に入った写真やイラストから、Webサイトやデザインで使う配色のヒントを得たい
- ロゴや商品画像に合わせたブランドカラーのパレットを作りたい
- 抽出した色を基準に、補色・類似色などのバリエーションを試したい
配色パターンの種類
補色(コンプリメンタリー)
色相環で正反対に位置する色の組み合わせ。強いコントラストが出て、アクセントカラーに向いています。
類似色(アナロガス)
色相環で隣り合う色の組み合わせ。統一感があり、落ち着いた配色になります。
トライアド(三色配色)
色相環を三等分した位置にある色の組み合わせ。バランスが取れつつも賑やかな印象になります。
モノクロマティック
同じ色相で明度だけを変えた組み合わせ。統一感が最も強く、失敗しにくい配色です。
よくある質問
Q. 抽出できる色の数は変更できますか?
現在は6色固定です。より多くの色が必要な場合は、画像を色ごとにトリミングして複数回抽出する方法をお試しください。
Q. 透過PNGの透明部分は色抽出に影響しますか?
透明な部分は色抽出の対象から除外しているため、影響しません。
Q. アップロードした画像は送信されますか?
いいえ。色の抽出・配色生成はすべてブラウザ内で完結しており、外部サーバーへの送信は行いません。