ColorZilla（カラージラ）

Chrome 拡張機能

Chrome で Chrome ウェブストアへアクセスし、「Chrome に追加」ボタンをクリックしてインストールします。

Firefox アドオン

Firefox で Firefox 向けアドオンへアクセスし、「Firefox へ追加」ボタンをクリックしてインストールします。

Chrome 版についての使い方を説明します。

カラーピッカーツール

画面右上の アイコンをクリックするとメニューが表示されるのと同時にカラーピッカーツールが起動します。
ウェブページ上でマウスカーソルを動かすと、マウスカーソルがポイントしている点の色が上部に表示された黒いパネル上に表示されます。
クリックするとカラーコードがクリップボードにコピーされます。

黒いパネル左上の「点のサンプル」プルダウンをクリックして、取得する色の方法を次の中から選択できます。

• 点のサンプル
  マウスカーソルがポイントしている点の色を取得します。
  
  ※ デフォルトの取得方法です。
• 3x3 平均 / 5x5 平均 / 11x11 平均 / 25x25 平均
  マウスカーソルがポイントする範囲が 3x3/5x5/11x11/25x25 になり、その範囲内の色の平均の色を取得します。
• 選択平均
  最初にクリックしたポイントと、もう一度クリックしたポイントの四角形の範囲内の色の平均の色を取得します。

その他のツール

画面右上の アイコンをクリックして表示されるメニューから各種ツールを利用できます。

• ブラウザーの外のカラーを選択する
  ブラウザー以外のデスクトップや他のウィンドウ上の色を取得します。
• カラーピッカーパネル
  カラーピッカーパネルを開き、任意の色のコードを取得できます。
  

  カラーピッカーパネル

• 特定の形式でコピー
  取得した色情報をクリップボードにコピーするときの形式を選択します。
  

  特定の形式でコピー

• 最後に採取した色情報を表示
  
• 選択した色の履歴
  
• Web ページカラーアナライザー
  ウェブページで使われている CSS の色情報を取得します。
  色のパネルをクリックすると、その色情報を表示します。
  

  Web ページカラーアナライザー

• パレットブラウザー
  パレットブラウザーを表示します。
  ウィンドウ左上の「色相と明度」プルダウンをクリックして次の表示も可能です。
  
  • 色相と彩度
  • 色相と明度
  • W3C 規格で色名称のあるカラー
  • 彩度別 Web カラー
  • Web 標準で色名称のあるカラー
  • Web セーフカラー
  • X Windows 標準で色名称のあるカラー
  

  パレットブラウザー

• CSS グラデーション生成ツール
  グラデーション表示の CSS を作成できる、グラデーションジェネレーターのウェブページへアクセスします。
  

  CSS グラデーション生成ツール

更新履歴 (Chrome)