WordPressのカスタマイズ方法やプラグインレビューを中心に、パソコン/動物/植物のことなどを紹介するホームページです

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

公開日:2017(平成29)年6月19日/最終更新日:

ノートパソコン



【景品表示法に基づく表記】ページ内のコンテンツには、商品プロモーションが含まれています

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

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

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

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

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

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

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

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

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

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