【Windows】あのブログで使われている色が分かる！パワースポイトの使い方

2017年11月5日 2024年4月25日

※当ブログはアフィリエイト広告を利用しています

ウェブサイト作成や画像加工などをしていると、有名サイトの色使いを参考にさせていただく場合も多いです。

そんな時「この色、どうやって出しているんだろう？」といった疑問にブチ当たることがあります。

現実世界だと、色鉛筆や絵の具を調合して自力で再現しなければなりませんが、PC の世界は "カラーコード" で全ての色が数値化されているため、コードさえ知っていれば簡単に再現することが可能です。

ちなみにカラーコードとは、＃(シャープ)から始まる６桁の数値のことを指します。

主なカラーコード

このカラーコードを手軽に取得できるツールが、今回ご紹介する『パワースポイト』になります。

スポンサードリンク

『パワースポイト』は、カラーコードを調べる際に役立つ Windows用フリーソフトです。

ダウンロード

パワースポイト

起動すると、小さなウィンドウが画面上に現れます。

1(47)

このウィンドウは "常に前面に表示される" ようになっており、マウスカーソルを乗せた場所のカラーコードがリアルタイムで移り変わっていきます。

そのまま、ウィンドウ上に表示されているカラーコードを紙にメモしても良いんですが、ちょっと面倒ですよね。

というわけで [SPACE] キーを押してみてください。すると "マウスカーソルが乗っている場所のカラーコードを固定" しておくことが可能です。カラーコードが固定されている時は、ウィンドウ左上の色見本（色が付いた正方形）が凹んだ状態になります。

2(48)

一度固定したカラーコードは、履歴として残っていきます。

ただし、ソフトを終了させる（ウィンドウを閉じる）と履歴は消えてしまうのでご注意ください。

3(42)

文章入力時にパワースポイトを起動していると、ランタイムエラーが出て強制終了する

場合があります。

パワースポイトで色を取得する際は [SPACE] キーを押す必要があるわけですが、おそらく "変換時のSPACEキー操作と競合している" のではないでしょうか。

ソフト自体のバグなのでユーザー側はどうしようもありませんが、しいて言うなら以下のような対処法が使えます。

もっとも、ソフトの性格上 "タスクバーへのピン留め" は「言われなくてもやってるよね」という感じでしょうし、"文章入力時に起動しない" というのも気を付けていれば全然可能です。

『パワースポイト』は、ブログの色相性を調べる際に重宝します。

"色相環" が体に叩き込まれている方であれば感覚だけで相性が分かっちゃったりするのかもしれません。ただ、そのレベルまで行くのは結構大変だと思いますね。

関連記事

Webデザイン好きのための重要視すべき「４つのポイント」

なお、今回のようにカラーコードを直接調べるのもアリですが、有名なサイトで使われている色を調べたい場合は『brand-colors』という Webサービスを利用すると便利です。

スポンサードリンク

この記事が気に入ったら
いいね！しよう

最新情報をお届けします