画像からカラーパレット作成

コンセプトアート、スクリーンショット、写真から主な色を取り出して、ペイントソフトやCSSで使いましょう。

ファイルは端末から出ません無料・登録不要

使う前に

向いていること

  • コンセプトアートやスクリーンショットからのパレット作成
  • Aseprite、GIMP、CSSへの色の書き出し
  • シーンの主な色の把握

向いていないこと

  • ドット絵の全色を正確に取り出す(似た色は平均されます)
  • アクセシブルな配色コントラストの選定

しくみ

画像を縮小し、人の目の明るさの感じ方で重みをつけたk-means法で、ピクセルを選んだ色数にまとめます。各色の下のパーセントは、その色が画像のどれだけを占めるかを示します。

どこでも使える

  • 色をクリックするとHEXコードをコピーします。
  • すべての色をリストやCSS変数としてコピーできます。
  • .gplファイル(GIMPのパレット形式。Aseprite、Krita、Inkscapeでも読み込めます)をダウンロードできます。

よくある質問

スライダーを動かすと色が少し変わるのはなぜ?

選んだ色数に対して最適な平均色を探すため、色数ごとに異なる組み合わせになります。

透明なピクセルも数えますか?

いいえ、ほぼ透明なピクセルは無視します。

画像はアップロードされますか?

いいえ。ブラウザ内で分析します。