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

公開日:2017年6月19日 日記・雑記
写真やイラストから使われている色のコードを抽出できる便利サイト(Hex,RGB両用)

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

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

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

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

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

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

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

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

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

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

  • ☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。
    ☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。
    ☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。

QR Code

このページはモバイル端末でもご覧いただけます

左のQRコードを読み取っていただくと、このページのURLが表示され、簡単にアクセスできます。ぜひモバイル端末でもご覧ください。

WordPressのカスタマイズ・不具合対応などご相談ください

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。