Header
2019-02-20
2019-05-18

サイトの色やカラーコードをコピーする|ColorZillaをインストール

20190220

フロントエンドのプログラミングやWebサイトの作成を行っていると、他のサイトを参考にする事があるかと思います。

今回はクロームの拡張機能で、他のウェブサイトのカラーコードを調査しコピーできるツール

ColorZilla を紹介します

ColorZillaをインストールする

ColorZilla インストールサイトへ遷移

CoLorZIlla

インストールが完了するとブラウザ上の右上にアイコンが表示されるので、 このアイコンを選択すると、ブラウザ上でカーソルが表示されます。

CoLorZIlla

カラーコードを取得したい場所でクリックすれば、htmlのカラーコードが自動でコピーされます。 関連記事

プログラミング初心者向けcssの配色の基本解説記事 もう迷わない!WEBサイト配色の3ステップ

その他関連記事

軽量なCSSフレームワークBulma(ブルマ)のご紹介

CSSだけでOK!ヘッダーとサイドバーを固定する|サンプルコード付き

現役デザイナーが教える! デザインを勉強する上で参考になりそうなサイトとその理由

CSS3でhoverした時に背景をふわっと変更する|コピペで動くサンプル付き

Vue.jsでマークダウンに対応したメモ帳アプリを作成する|コピペで動くサンプルコード付き

HTMLより簡潔に簡単に書ける!マークダウンの解説とコード例

フリーランスエンジニアで稼ぎ続けるために必要な3つの力

前の記事
次の記事
人気記事
カテゴリーから記事を探す