Chrome/Firefox 用のカラーピッカーアドオン

ColorZilla のアイコン

ColorZilla

  • 海外
  • 日本語○

ダウンロード

表示している Web ページ上の色情報を取得し、クリップボードにコピーします。
rgb(R, G, B) / rgb(R%, G%, B%) / #RRGGBB / RRGGBB の中からコピーする情報を選択できるほか、hsl(H, S, L) / R:255, G:255, B:255 形式でのコピーも可能。
選択した範囲なの色の平均値を取得にも対応し、パレットブラウザーを利用して任意の色情報を取得することもできます。

バージョン:
4.1(2024/05/22)
価格:
無料
提供元:

ColorZilla の使い方

ダウンロード と インストール

Chrome 拡張機能

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

Firefox アドオン

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

使い方

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

カラーピッカーツール

画面右上の icon アイコンをクリックするとメニューが表示されるのと同時にカラーピッカーツールが起動します。
ColorZilla - メニュー

ColorZilla - メニュー


ウェブページ上でマウスカーソルを動かすと、マウスカーソルがポイントしている点の色が上部に表示された黒いパネル上に表示されます。
マウスカーソルでポイントしている箇所の色情報を取得するカラーピッカー

マウスカーソルでポイントしている箇所の色情報を取得するカラーピッカー


クリックするとカラーコードがクリップボードにコピーされます。
※ デフォルトでは HTML カラーコード(#FFD3C3 の形式)をコピーします。
クリックして色情報を取得(クリップボードにコピー)

クリックして色情報を取得(クリップボードにコピー)


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

取得する範囲の選択

25x25 平均で色情報を取得

25x25 平均で色情報を取得



その他のツール

画面右上の icon アイコンをクリックして表示されるメニューから各種ツールを利用できます。
  • ブラウザーの外のカラーを選択する
    ブラウザー以外のデスクトップや他のウィンドウ上の色を取得します。
  • カラーピッカーパネル
    カラーピッカーパネルを開き、任意の色のコードを取得できます。
    カラーピッカーパネル

    カラーピッカーパネル

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

    特定の形式でコピー

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

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

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

    パレットブラウザー

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

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


更新履歴 (Chrome)

機械翻訳で日本語にしています。
Version 4.1
(2024/05/22)
  • -

Version 4.0
(2023/09/12)
  • 22 か国語への完全な翻訳
  • 色を選択するときに表示される新しい拡大鏡
    Shift キーを押したままにすると、一時的に非表示/表示になります
  • ブラウザ ウィンドウの外側から色を選択するための新しいスポイト ツール
  • グラデーション ジェネレーターはデフォルトでプレフィックス付き CSS を生成しなくなりました
    互換モードを使用して再度有効化します
  • 色を選択するときに ColorZilla オプションを開くための新しいアイコン
  • パフォーマンスの向上
  • 追加の調整、互換性、バグ修正

Version 3.4
  • 更新されたアイコン、新しいロゴ、およびよりモダンなデザイン要素を備えた刷新された UI
  • スポイトの起動時間の短縮
  • ズームされたビューの処理が改善されました
  • ダークモードのサポート
  • 追加の調整、互換性、バグ修正

ユーザーレビュー

  • まだレビューが投稿されていません。
    このソフトの最初のレビューを書いてみませんか?