よろずメモ 学び 稼ぎ 趣味 YOROZUMEMO

画像から色情報(カラーコード)を取得できるツールサイト

画像をセットすることで、その画像にあるカラーコードを取得できる便利ツールです。

プログラミングやウェブデザインをする際にカラーコードが必要になることがありますので、こちらのサイトを使用してからコードを取得するようにしています。

カラーコード取得サイト

「PEKO STEP」さんが運営されているサイトを使用します。

こちらのリンクにアクセスして画面に遷移します。

画像から色のRGBとカラーコードを調べるスポイトツール
読み込んだ画像の任意のピクセルのRGB値とカラーコードを調べるツールです。WEBブラウザ上で動作するのでインストール等は不要です。スマートフォンにも対応。

「ファイルを選択」ボタンから、もしくは画像をドラッグ&ドロップして画像ファイルを添付します。

画像を添付すると画像が表示されます。

その下には現在マウスでフォーカスを当てている部分の色が表示されます。

※右上のRolesの部分を選択しています

取得したいカラーの上でクリックすると、取得した色一覧にカラーコードとRGBが蓄積されますので、そこからコピペして使用します。

モバイルバージョンを終了