画像から配色を取り出す

使い方

1. 画像を追加します。写真でも、気に入ったサイトのスクリーンショットでも、絵画でもかまいません。
2. 取り出す色の数を選びます。5色なら配色、12色になると目録に近くなります。
3. 一覧が出ます。各色にカラーコードが付いているので、そのまま貼り付けられます。
4. 画像の上をクリックすると、その1ピクセルの正確な色が分かります。ブランドカラーを合わせるときはこちらです。

よくある質問

主要な色はどうやって選んでいますか。

画像のすべての画素を色ごとにまとめ、大きいかたまりから取り出しています。見栄えのする配色ではなく、その絵が実際に何でできているかが返ります。森の写真なら緑ばかりになりますが、実際に緑ばかりだからです。

選んだ色が思った色と少し違います。

1ピクセルを拾っているからで、JPEGの圧縮は個々の画素をわずかに動かします。輪郭の近くではなく、色の平らなところの中央を選んでください。JPEGよりPNGのほうが正確です。

RGBやHSLでも取り出せますか。

一覧はどの道具でも通じるカラーコードです。「カラーコード変換」でRGB・HSL・CSS変数に変えられます。

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

いいえ。ブラウザの中で画素を読んでいるだけで、どこにも送られません。