おはようございます!未来のかたち 四ツ橋校です。
今日は一日雨予報…。寒暖差や気圧の関係で心身ともに低下気味…。
そんな時は無理せずに、ゆっくり学習していきましょうね〜。
さて今日は、WEBデザインの制作や学習にも役立つ情報をご紹介します。
気になるWEBサイトのカラー情報を取得できるGoogle Chrome の便利な拡張機能! 「ColorZilla」を使用してWEBページのカラー情報を取得する方法。
==================================
1、Chromeのウェブストアで「ColorZilla」を検索し、Chromeに追加します。
![](https://miraino-katachib.jp/wp-content/uploads/2024/03/l_6dabb80a-1621-49e5-83b0-f8588c24f306.webp)
2、ブラウザ上部にある拡張機能に「ColorZilla」が追加されます。(固定しておくと便利です)
![](https://miraino-katachib.jp/wp-content/uploads/2024/03/l_9a59d20b-2a50-47ed-8323-9a474fcda8c6.webp)
3、「ColorZilla」のアイコンをクリックし、ページからカラーを選択をクリック。
4、取得したいカラーの上にカーソルを合わせると上部にカラー情報が表示され、クリックするとクリップボードにコピーされます。(カーソルを合わせると要素の情報も表示されます)
![](https://miraino-katachib.jp/wp-content/uploads/2024/03/l_74712a98-e929-4636-9b5b-1eab78dec1d4.webp)
==================================
以上です。
どんな色(カラーコード)が使用されているのか、すぐにわかるのが凄く便利で良いですね!
ぜひ、WEB制作に役立ててください!
それでは、今日も素敵な1日になりますように。