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

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

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

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

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

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

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

画像から色のRGBを取得するスポイトツール

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

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

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

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

作者:

☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、このサイトでも使用している【HABONE】テーマの制作と配布を行っています。
☆「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行なども行っています。

年齢:40代 趣味/園芸・ペット・卓球