写真やイラストから使われている色のコードを抽出できる便利サイト(Hex,RGB両用)

ホームページの作成や文書の装飾など、パソコンで色を選ぶとき何を使ったらいいのか迷いますよね?

できれば背景を中の画像と同じ色にしたいのに解らないから適当にカラーピッカーで・・・なんてしてませんか?

私もその一人でした。パッと見だからどうでもいいだろう・・・なんて思って設定していると、文明の利器であるスマホやタブレットでググーーーっと拡大すると違いが分かってしまいますね。

今回このサイトにたどり着いたのは機動戦士ガンダムの「シャア専用〇〇」の色ってどんな色コードなんだろうという至って単純な疑問。でも個人的にはその色合いが好きなのでいつかどこかの資料やサイトで使ってみたいと思ってました・・・という不純な動機でした。

でもどうやったら実際の画像やイラストから色コードを調べれば??が簡単に解決するサイトを発見しました。「PEKO STEP」というサイトです。

読み込んだ画像の任意のピクセルのRBG値と16進数カラーコードを取得するツールです。WEBブラウザ上で動作するのでインストール等は不要です。スマートフォンにも対応。

色コードの抽出方法は至って簡単!!

上のページに行って元画像をアップロードしたら、「ここの色!!」というところにマウスカーソルを合わせるだけで簡単に色コードを知ることができます。

#で始まるHEXタイプのコードとRGBコードの両方が表示されるのも便利ですね。

さらにここ!!という場所でクリックするとその場所の色コードがページ下の一覧へ表示されるので、そこからコピペすればハイ!!色の調整完了!!本当に便利です。

役に立つ情報でしたらぜひSNSやメールでシェアしてください
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
ページ先頭へ