画像から色を抽出

4〜64色 · HEX · RGB · CSS 変数でコピー

이미지 색상 추출

사진에서 대표 색을 뽑아 HEX·RGB 팔레트로 보여줍니다. CSS 변수로도 한 번에 복사

이미지를 끌어다 놓거나 눌러서 선택하세요
뽑을 색 개수 8색
이미지는 브라우저 안에서만 처리되고 어디로도 전송되지 않습니다.

写真や絵から代表になる色を抜き出し、HEX・RGB の値とともに表示します。色空間を分ける方式なので、広い背景ひとつが結果を独り占めしません。

使い方

  1. 画像をドラッグするか貼り付ける
  2. 取り出す色の数を決める
  3. 色を押して HEX をコピーする
  4. CSS 変数としてまとめてコピーする

よくある質問

画像はサーバーに上がりますか?
いいえ。ブラウザの中だけで読んで処理し、どこにも送りません。
色はどんな基準で取り出しますか?
色がいちばん広く散らばっている軸で半分ずつ割っていく方式(median cut)です。よく使われた色をただ数えるのと違い、広い背景に埋もれる差し色も残ります。
スクリーンショットをそのまま貼ってもいいですか?
大丈夫です。画面をコピーしてこの道具の上で貼り付ければ、すぐパレットが出ます。

ほかの道具

この端末の中だけ 入力した内容はブラウザの中だけで処理され、どこにも保存・送信されません。

このツールが入力をどこへ送るかは、上のバッジに書いてあります。 道具の一覧 · KarmoLab · 作った人 · AI と一緒に作っています。 ソースを見る