カラーパレット抽出

写真のパレットがくすんで見える理由

各色はグループ内のピクセルの平均です。平均を取るとグレーに近づくため、暗いピクセルが多い中に鮮やかなオレンジのピクセルが少しある夕焼けは、目で覚えているよりくすんだオレンジになることがあります。アンチエイリアスされた境界やグラデーションは中間色を作り、それらが独自の1枠を占めることもあります。ロゴから正確なブランドカラーを取り出すには、画像カラーピッカーで平坦な領域をサンプルするか、元のSVGやスタイルガイドから取得してください。

パレットからカラースキームへ

抽出したパレットは素材として扱ってください。主な色で彩度が低いものは、背景や大きな面に向いています。少量で彩度の高い色は、アクセントやボタンに適しています。テキストに使う前に、コントラストチェッカーで組み合わせを確認してください。WCAGでは本文に少なくとも4.5:1を求めており、写真から取った色は基準に達するために暗くしたり明るくしたりする必要があることがよくあります。

使い方

1. 画像を選びます。
2. 必要な色数を指定します。
3. HEX値をコピーします。

プライバシーと制限事項

画像はブラウザ内で読み込まれ、サーバーには一切アップロードされません。解析前にダウンサンプリングするため、大きな写真でも応答性を保ちます。