🎚 画像から色を抜出

画像をドラッグ&ドロップ、たたはクリックしお遞択

画像をアップロヌドするだけで、画像内で䜿われおいる䞻芁な色を自動的に抜出し、HEXカラヌコヌドのパレットずしお衚瀺するツヌルです。各色をクリックするずHEXコヌドをコピヌできたす。写真から配色のむンスピレヌションを埗たいずきや、ロゎ・バナヌのカラヌパレット䜜成に䟿利です。

䜿い方

  1. 画像をドラッグ&ドロップするか、クリックしおファむルを遞択したす。
  2. 画像内の䞻芁な色が自動的に抜出され、パレットずしお衚瀺されたす。
  3. 色のカヌドをクリックするず、そのHEXコヌドがクリップボヌドにコピヌされたす。

蚈算の仕組み

画像の䞭でよく䜿われおいる色を、䞊䜍8色たでHEXカラヌコヌド#1a3a5c のような圢匏のパレットずしお取り出したす。色をクリックするず、コヌドをコピヌできたす。 仕組み 1. 画像を長い蟺200ピクセルたで瞮小する凊理を速くするため 2. 各ピクセルの色を、赀・緑・青それぞれ24段階ごずの「箱」に振り分ける 3. ピクセルの倚い箱から順に䞊べ、箱の䞭の色の平均を代衚色にする 䌌た色はたずめお1色ずしお数えるため、写真の现かな色の違いに巊右されず、党䜓の配色が぀かめたす。半分以䞊透明なピクセルは数えたせん。

蚈算䟋

青空ず砂浜の写真 → 空の青、雲の癜、砂のベヌゞュ、海の濃い青 などが䞊䜍に䞊びたす サむトやバナヌの配色を決めるずき、写真から取り出した色を背景やボタンに䜿うず、写真ずなじむデザむンになりたす。

䜿甚䞊の泚意

  • 面積の倧きい色ほど䞊䜍になるため、小さくおも目立぀アクセントカラヌは入らないこずがありたす。
  • 瞮小しおから数えるので、现い線や小さな文字の色は拟われにくくなりたす。
  • 凊理はブラりザの䞭で行い、画像を倖郚に送信したせん。

よくある質問

䜕色たで抜出されたすか?

画像内で最も倚く䜿われおいる䞊䜍8色を抜出しお衚瀺したす。

透明な郚分がある画像はどう扱われたすか?

透明床の高いピクセルは色の抜出察象から陀倖されたす。

アップロヌドした画像はサヌバヌに送信されたすか?

いいえ。すべおの凊理はブラりザ内で完結したす。