『ColorPick Eyedropper』を使って、ウェブサイトのカラーを調べる方法

ブログ制作や、デザインをしているときにウェブサイトやホームページを見ると

って思う事がありませんか？

今回は、ウェブサイト上で使われているカラーコードを取得できるGoogle Chromeの拡張機能、ColorPick Eyedropperを紹介します。

この拡張機能を使えば、調べたい箇所にカーソルを合わせるだけで簡単にカラーコードを取得することができますよ。

調べたい箇所にカーソルを合わせるだけ！｜ColorPick Eyedropperの使い方

最初にウェブストアからColorPick Eyedropperをダウンロードします。

拡張機能のダウンロード方法Google Chromeの拡張機能やアプリ(ChromeOS)をインストールする方法

2018.2.5

こんにちは音無です。普段ブラウザはChromeを使っていますが、Chromeブラウザの主要機能の拡張機能 今回は、拡張機能とアプリ(ChromeOS)をインストールする方法を説明したいと思います。 インストールする手順 1.Chromeを開き、左上のアプリを選択→ウェブストアを開く 2.アプリを...

ダウンロードしたら右上のツールバーにアイコンが表示されます。

使うときは、右上のアイコンをクリックして、十字マークを表示します。

後はカラーコードを調べたい箇所にカーソルを合わせてクリックするだけ！

クリックすると、カラーコードが表示されます。表示されたカラーコードはそのままコピーができるので、ウェブサイト制作やデザインをするときに直接コードを組み込めて便利です！

《ワードプレス》style.cssを使って文字の色を変更する方法

2018.10.14

《ワードプレス》style.cssを使って文字の色を変更する方法 ブログの記事がずっと同じ色だと、見栄えが悪いですよね。 <b style="color: #20b2aa;">と書けば文字の色は変わりますが、正直これは面倒くさいです。 それに、テーマを変更したり、サイ...

まとめ

僕自身このOtoblogを運営していますが、印象付けるためにもブログを作るにおいて、色は重要なので、ウェブサイトで参考になりそうな色を見つけた時に簡単に色を調べられるのでぜひ使って見てください！