あのサイトのあの色をマネしたい！Macなら標準で付いているアプリでできます

2017/2/6 ブログ運営

前回はお手本にしたいWEBサイトの色をマネしたいときに、Windowsの場合はPowerPointを使えばその色の抽出して調べることができるという記事を書きました。

誰がために端楽？税理士のブログ

あのサイトのあの色をマネしたい！PowerPointを使えばWEBサイトの色を抽出できます

https://www.ymbtax-blog.com/pickup-website-color/

このブログと私の税理士事務所のHPのテーマカラーは、埼玉西武ライオンズのカラーをモチーフにしています。最初は、目で見た私の感覚で色を設定してましたのでビミョーに色が違っていたのですが、PowerPointを使えば、お手本となるWEBサイトなどから色を抽出して、同じ色を設定できることがわかりました。 PowerPointのスポイト機能PowerPointにはスポイトという機能があり、この機能を使えば、あるオブジェクトの色を抽出して他のオブジェクトにその色を設定することができます。この機能があることは知っていましたが、PowerPoi...

今回は同じことをMacでしますが、Macの場合、標準で付いているDigital Color Meterというアプリを使えばWindowsよりもカンタンにできます。

目次

Digital Color Meter

Digital Color Meterはどこにあるかというと、Finder→アプリケーション→ユーティリティの中にありますので、これをダブルクリックして起動します。

するとこのようなウィンドウが出てきます。

設定を「ネイティブの値を表示」にして、抽出したい色のところにポインタを持っていきます。
するとポインタがあるところの数値が表示されます。

このまま、RGBの各数値の下二桁を覚えてもいいのですが、ポインタを合わせた状態で、ショートカットキー「shift＋⌘＋C」でコピーして、WordPressの管理画面の”外観”→”カスタマイズ”から色の設定のところで、コピーしたものを貼り付けます。
この色の場合だと#00214ｂとなります。

Digital Color Meterなら16進数で表示されるので、Windowsのときのように10進数から16進数に変換する手間が省けます。

また、ポインタを合わせるだけで色の数値を表示してくれるので、お手本にしたいサイトの色と一緒の色になっているかの確認もしやすいです。

このブログのヘッダーの色と埼玉西武ライオンズのオフィシャルサイトのヘッダーの色を調べてみると、同じ数値になっていましたので、同じ色ということになります。

まとめ

MacならWindowsよりもカンタンに色をマネることができます（もしかしたらWindowsでもカンタンなアプリがあるかもしれませんが）。

Windowsでの方法を調べているうちに、Macでの方法が見つかったのですが、この方法がわかってからはMacでしかやっていません。

こういうところが、画像や写真の編集はMacの方が使いやすいというところなのでしょうか。

◆編集後記◆
営業強化のためホームページを改良したり、記事を多く書いたりとホームページの強化に着手しようと思っています。
ブログの更新頻度が少なくなるかもしれませんが、最低でも週1回は更新しますので、今後ともよろしくお願いします。

こんな記事も読まれています

この記事を書いた人
最新の記事

山端一弥

税理士：やまばた税理士事務所

大阪市阿倍野区の税理士です。税理士事務所での10年間の修行を経て独立開業しました。このブログは税務・会計・IT・趣味などについて「少しでも誰かの役に立てれば」という思いで書いています。詳しいプロフィールはこちらへ

最新記事 by 山端一弥 (全て見る)

関連記事