画像から色を取る

画素を押してその色をコピー。

無料 · 登録不要 · 端末内で処理

処理はブラウザの中だけ

  • Live結果
  • 0送信
  • 1 tapコピー可
  • Free登録不要
仕様

画像から色を取るの仕様

入力
画像と押した一画素
出力
HEX と RGB と見本
読み取り方
ページ内で一画素を読む
料金
無料
処理する場所
端末の中で
使い方

画像から色を取るの使い方

  1. 1

    画像を選ぶ

    画像を選ぶと描かれる

  2. 2

    画素を押す

    押した所の色を読む

  3. 3

    色の値をコピー

    一押しでコピー

よくある質問

よくある質問

アップロードなしで使える?

はい。入力はブラウザのタブの中で処理されます。処理用のサーバーに送られることも、アカウントに保存されることもありません。

コピーする前に結果を変えられる?

はい。操作するたびに結果が更新されます。求めている出力になってからコピーしてください。

対応ブラウザは?

Chrome・Edge・Firefox・Safari の最新版であれば、ここで使う機能に対応しています。かなり古いブラウザでは必要な機能がないことがあります。

解説

取った色がずれて見える理由

読むのは指した位置ちょうどの画素です。写真は粒が荒く、隣の画素とは違うことがあり、縁の近くは圧縮でさらにずれます。

  • 縁ではなく平らな面から取ってください。縁には元の色になかった圧縮の跡が乗ります。
  • 画面の写しは色がそのまま残ります。写真にはカメラが記録した光と白の調整が乗ります。

仕様をすべて見る

画像から色を取るツールの仕様
入力端末の中の画像と、押した一画素。
出力選んだ画素の HEX と RGB、そして見本の色。
読み取り方画像を読み込んで、ページの中の canvas で一画素を読みます。
料金無料。作業の外に、広告と分かる形で広告が出ます。
処理する場所このブラウザのタブの中。画像は送られません。
次にできること

同じファイルのまま続ける

カラーツール一覧: SPOTTOOLSのカラーツール