ColorZilla:ウェブデザイナー向けカラーツール

ColorZilla:ウェブデザイナー向けカラーツール 106

Google ChromeとMozilla Firefox向けの多機能ブラウザ拡張機能。ColorZillaは、ウェブ開発者やグラフィックデザイナー向けに、カラーピッカー、グラデーション生成器、カラー履歴など多彩なカラー関連機能を提供します。

#创作工具 #调色配色

ColorZilla:ウェブデザイナー向けカラーツール紹介

ColorZilla は、Google Chrome と Mozilla Firefox 向けの強力なブラウザ拡張機能ツールです。ウェブ開発者やグラフィックデザイナー向けに、カラー eyedropper(スポイト)、グラデーションジェネレーター、カラーヒストリーなど、さまざまなカラー関連の機能を提供します。

ColorZilla の Google Chrome 拡張機能は、基本的な機能から高度な機能まで、ウェブ開発者やグラフィックデザイナーがカラー関連のタスクを処理するのに役立ちます。

ColorZilla には、カラーセレクター、スポイト、グラデーションジェネレーター、その他多くの高度なカラーツールが含まれています。

ColorZilla を使用すると、ブラウザ上の任意の場所から色の値を取得し、その色をすばやく調整して他のプログラムに貼り付けることができます。ページを分析し、その色の配色を検査することもできます。高度な複数停止点の CSS グラデーションを作成することもできます。

ColorZilla功能.png

ColorZilla の機能:

  • スポイトツール - ページ上の任意の色または領域の色を取得でき、ブラウザの外でも取得可能です。

  • Photoshop や Paint Shop Pro にあるものに似た、高度なカラーセレクター。

  • ウェブカラーアナライザー - 任意のウェブページ上の DOM 要素の色を分析し、対応する要素を特定します。

  • 究極の CSS グラデーションジェネレーター。

  • パレットビューワー、7 種類のプリセットパレットを内蔵。

  • 最近選択した色を記録するカラーヒストリー。

  • さまざまなサンプリングサイズ - 1x1、3x3、5x5、11x11、25x25 ピクセル。

  • 選択した領域の平均色をサンプリング。

  • タグ名、クラス、ID、サイズなどの要素情報を表示。

  • カーソル下の要素をハイライト表示。

  • 生成またはサンプリングした色をクリップボードへ自動コピー。CSS RGB、Hex などの形式をサポート。

  • ページ上の色をすばやくサンプリングするためのキーボードショートカット。

  • 最後にサンプリングしたピクセルの再サンプリングにより、ホバー中のリンクなどの動的要素の色を取得。

  • 任意のズームレベルで色を選択可能。

ColorZilla CSS渐变生成器特性.png

CSS グラデーションジェネレーターの特徴:

  • 強力な Photoshop 風のインターフェース

  • クロスブラウザ対応 CSS 出力

  • 水平、垂直、対角、放射状グラデーション

  • 複雑な複数停止点のグラデーション

  • 複数の不透明度停止点を持つ不透明度のサポート

  • Hex、rgb、rgba、hsl、hsla のカラーフォーマット

  • IE9 のための完全な複数停止点グラデーションのサポート

  • 画像からのインポート(画像のグラデーションを CSS に変換)

  • 既存の CSS からのインポート

  • 色相、彩度、明度によるグラデーションの調整

  • 135 以上のグラデーションプリセット

  • カスタムグラデーションプリセットの保存

  • Sass 出力

  • 柔軟性の高いプレビューパネル

  • 送信や共有のためのグラデーションの永続リンク

ColorZilla は、最もユーザーフレンドリーで、機能豊富、安全、かつ信頼性の高いカラーピッカーおよびカラー関連ツールのスイートです。Chrome と Firefox の開発者向け拡張機能の中でも最も人気があり、世界中で 1,000 万回以上ダウンロードされています。

さらなる機能が近日公開予定です!

ColorZilla:ウェブデザイナー向けカラーツール に関連するツール