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

公開日:2017年6月19日 日記・雑記
Knowledge Base パソコン

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

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

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

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

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

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

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

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

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

ひまあーと(管理人)
  • 記事の作者: ひまあーと(管理人)

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


【スポンサーリンク】


記事の拡散にご協力をお願いします

閲覧いただきありがとうございました。役に立つ情報でしたら是非SNSでシェアをお願いします

関連情報