画像を読み込むと、使われている主要な色を最大8色まで取り出して、16進数コードで表示するツールです。 サムネ、配信画面、イラストの配色を決めるときに、好きな画像の色をスポイトで1色ずつ拾う手間を減らせます。 RGB、HSLの表示、色の割合の目安、白・黒とのコントラスト比の目安、パレットのコピーにも対応しています。 ブラウザで開くだけで動き、読み込んだ画像は外部に送られません。 5色までと16進数コードだけで足りる方は、無料版もあります。https://mall-aibou.booth.pm/items/8923550 ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ 色の抽出は、画像を小さく縮めて色を集計した目安です。 見た目の印象とずれることがあります。 画像は、この端末の中だけで処理されます。 ━━━━━━━━━━━━━━━━━━━━ この商品で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ 画像(png/jpg/gif/webpなど、ブラウザで表示できるもの)から、主要な色を最大8色まで表示(3〜8色から選べます) ◆ 各色の16進数コード(例 #2F4F4F)の表示と、クリックでのコピー ◆ RGB、HSLでの表示の切り替え ◆ 各色の割合の目安の表示 ◆ 色のチップをクリックして、白・黒とのコントラスト比の目安を表示(文字色と背景色を考えるときの目安です) ◆ パレット全体を、テキストまたはCSS変数としてコピー ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. image-palette.html をダブルクリックして、ブラウザで開く 2. 画像を、画面にドラッグ（クリックしてファイルを選ぶこともできます） 3. 並んだ色の16進数コードをクリックして、コピーする ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版 ・ネット接続は不要です ・外部のサーバーと通信しません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・色の抽出結果は目安です。見た目の印象と完全には一致しません ・画像の編集や書き出しはできません ・複数の画像をまとめて処理することはできません ■ 使ってよい範囲 　業務・制作にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　image-palette.html ／ README.txt TOOL BOX