画像から色を抽出
写真やロゴの気になる色を、次のデザインへ。画像をクリックしてHEX・RGBを取得。写真全体の配色も、カラーパレットにまとめられます。
登録不要・無料 ／ 画像はブラウザ内で処理画像を追加して、はじめましょう。
ここに画像をドロップ
または、ファイルを選んでください
コピーした画像は ⌘V / Ctrl+V でも追加できます
PNG・JPEG・WebP ／ 1枚20MB・2,000万画素までクリック・タップで取色。拡大後はドラッグで移動できます。矢印キーで1pxずつ調整（Shiftで10px）。
気になる色を、
デザインに。
写真やロゴの好きな場所をクリック。HEX・RGBのカラーコードをコピーして、文字や背景、資料の配色に使えます。
画像から色を抽出する小さな部分も、拡大して取色
最大8倍に拡大して、ドラッグで位置を調整。拡大鏡で画素を確認しながら選べます。
選んだ場所の色#F99500rgb(249, 149, 0)
写真の雰囲気を、
ひとつのパレットに。
画像の主な色を3色・5色・6色にまとめて抽出。好きな写真から、次のSNS投稿やブログに使いたい配色が見つかります。
パレットはカラーコード付きのPNG色カードに保存できます。
自動抽出は似た色をまとめた代表色です。画像によっては指定した色数より少なくなります。
この色カードを保存#0785AC#E69806#5EABB8#4C4D25#6B856C#D9C687色選びを、もっと身近に。
登録不要・無料
取色からPNG色カードの保存まで、アカウントを作らず使えます。
画像はブラウザ内で処理
読み込んだ画像をサーバーへ送信せず、その場で色を調べられます。
HEX・RGBをコピー
使いたい形式でコピーして、デザインやCSSへ。
好きな写真の色を、
次のデザインへ。
写真から見つけた色は、見るだけで終わりません。用途を選ぶと、配色の使い方が見つかります。
画像からカラーコードを調べる方法
1
画像を追加する
調べたい画像をアップロード、ドロップ、または貼り付けます。
2
気になる場所を選ぶ
画像をクリックして色を選びます。細かい部分は拡大して確認できます。
3
コピーまたは保存する
HEX・RGBをコピーするか、色カードをPNGで保存します。
よくある質問
無料で使えますか？
はい。画像の取色、カラーパレットの作成、PNG色カードの保存を無料で使えます。アカウント登録も不要です。
画像はサーバーに送信されますか？
取色とパレット作成はブラウザ内で行い、読み込んだ画像をサーバーへ送信しません。画像や結果の下書き保存はないため、必要なコードや色カードはページを閉じる前に保存してください。
自動パレットと、クリックした場所の色が違うのはなぜですか？
クリック取色は選んだ1画素の色を取得します。一方、自動パレットは縮小した画像から似た色をまとめた代表色です。特定の場所の色が必要なときは、画像を拡大して直接選んでください。JPEGの圧縮や影、色の境目によっても画素ごとの色は変わります。
透明な画像からも取色できますか？
完全に透明な場所からは取色できません。半透明の場所を選ぶとRGB値と不透明度を表示します。自動パレットは、不透明度が約50%以上の画素を対象にします。
HEXとRGB、どちらを使えばいい？
どちらも色を数値で表すカラーコードです。例えば赤は、HEXでは「#FF0000」、RGBでは「rgb(255, 0, 0)」。どちらもCSSで使えるので、貼り付け先に合う形式を選んでください。