HEX、RGB、およびHSLカラーコードを取得するための最高のカラーピッカークロムエクステンション

あなたがウェブデザイナー、アーティストであろうと、色に合わせたい人であろうと、Google ChromeはChrome Webストアでいくつかのアドオンを提供しています。

カラーピッカークロム拡張機能を使用して、Web上で必要な任意の色の16進数、RGB、またはHSL値を取得できます。カーソルを色に向けて、色に合わせるために必要なコードを取得するだけです。

ここでは、あなたが楽しむかもしれない追加の機能と機能を持つものから始まる10のChromeカラーピッカー拡張機能を紹介します。

1。カラーピッカーツール - Geco

カラーピッカーツールを備えたWebページで表示される任意の色のカラーコードを取得できます。Geco。

ツールバーの拡張ボタンを選択します。
識別したい色でカーソルを向けます。
クリックして、拡張機能のリストに色を保存します。

その後、HEX、RGB、およびHSLコードが表示されます。新しいそして選んだ拡張機能のウィンドウのセクション。識別した以前の色を選択すると、これらのコードが表示されます。新しいセクション。

追加機能：

必要に応じて簡単に貼り付けるために、ヘックスカラーコードをクリップボードに自動的にコピーします。
HEX、RGB、およびHSLコードを使用して、カラーパレットのCSVファイルをダウンロードします。
クリップボードにコピーするための設定を調整し、通知を有効にし、右クリックを使用します。

2。Akcolor

AkcolorのEyeDropperツールを使用して、Webに表示されている任意のサイトからカラーコードをつかみます。

ツールバーの拡張ボタンを選択します。
を選択しますEyedropper左側に、識別したい色をカーソルに向けます。
クリックして、カラーコードを表示し、エリアの最も近い色と平均色を表示します。

RGB、RGBA、HEX、HSL、およびHSLAのカラーコードを備えた素敵なポップアップウィンドウが表示されます。任意のコードを選択して、色の値をクリップボードにコピーします。次に、選択しますもう一度選んでくださいまたは近い。

追加機能：

を使用しますカラーコンバーターそしてグラデーションジェネレーター拡張機能に直接構築されました。
キーボードショートカットを利用して、迅速かつ簡単に識別してください。
ナイトモード、インターフェイス、ピクセル拡大器のサイズ、ズームレベルなどの設定を調整します。

3。色を選びます

Webだけでなく他の場所で使用できるカラーピッカーを探している場合は、色を選択するツールです。

ツールバーの拡張ボタンを選択します。
選ぶあなたの色を選択してくださいそして、を選択しますEyedropper。
識別したい色でカーソルを向けます。これは、ウェブサイト、デスクトップ、または別のアプリケーションにあります。
クリックして、拡張機能の色を保存します。

その後、拡張機能のウィンドウに16進数、RGB、およびHSLカラーコードが表示されます。右側のコピーアイコンを選択して、16進コードをコピーできます。 RGBまたはHSLの値をコピーするには、下のセクションに下ってそれらのコピーアイコンを使用します。

ボーナス機能

ピックカラーを使用すると、Webページの色をすばやく識別し、クリックするとクリップボードに16進コードをコピーできます。

Webページを右クリックして選択しますページに色を選びますショートカットメニューから。
カーソルを色に移動すると、ヘックスコードが添付されています。
クリックしてクリップボードに色の16進コードをコピーします。

4。カラーピッカー（Linangdata.comによる）

便利な追加機能を備えた別のChrome拡張機能については、Linangdata.comのカラーピッカーをご覧ください。

また読む：Chromeの「これらの拡張機能はもうサポートされなくなる可能性がある」メッセージについてメッセージ

ツールバーの拡張ボタンを選択して、Eyedropperタブ。
選ぶEyedropperカーソルを色に向けます。ポインターを移動すると、16進コードが表示されます。
クリックして拡張機能のリストに色を保存し、HEXコードを同時にクリップボードにコピーします。
ツールバーボタンで拡張機能を再開すると、16進、RGB、HSL、HSV、およびCMYKコードが表示されます。コードのいずれかの右側にあるコピーアイコンを選択して、クリップボードに配置します。

追加機能：

を使用しますカラーピッカーカラーコードでプライムカラーを表示するタブ。
試してみてくださいカラースケールタブカラーコードでさまざまなカラーシェードを表示します。
をチェックしてくださいカラーブレンダータブを掛け、暗く、明るくし、色をオーバーレイします。

5。点眼薬

目ドロッパーは、あなたが望むかもしれないいくつかのボーナスを備えたChromeの素敵なカラーピッキングオプションです。

ツールバーの拡張ボタンを選択します。
選ぶWebページから色を選択しますカーソルを色に移動します。ポインターを移動すると、ブラウザウィンドウの右下隅に16進値とRGB値が表示されます。
色をクリックして、拡張機能のリストに保存します。
拡張機能を再開すると、ヘックス、HSL、およびRGBのカラーコードが表示されます。選択色セクション。

追加機能：

を使用しますカラーピッカー独自の色を混ぜるタブ。
カラーコードを使用してCSVファイルとして色履歴をエクスポートします。
クリップボードにコピーするための設定を調整し、ポインターの外観を変更し、カーソルを移動するときに色情報を無効にします。

6。ブラックシュリンプ

色を識別してから迅速にアクセスできるようにグループ化する場合は、Black-Shrimpをチェックしてください。

ツールバーの拡張ボタンを選択します。これにより、左側のアドオンの小さなウィンドウが開きます。
カーソルを識別したい色に向けて、クリックします。
ウィンドウに16進コードがすぐに表示されます。識別された色の横にあるドロップダウンボックスを使用して、RGBまたはHSLのカラーコードを表示します。
色を保存するには、選択しますプラスサイン窓の下部。

追加機能：

を使用してグループを追加しますフォルダアイコンとドラッグ保存色。
保存した色をASE（Adobe Swatch Exchange）ファイルとしてエクスポートします。
キーボードショートカットを使用して、色を追加し、グループを作成し、削除する、またはエクスポートします。

7。簡単なカラーピッカー

派手な特別機能があなたに向けていない場合、簡単な拡張機能が必要な場合は、簡単な色ピッカーを見てください。

ツールバーの拡張ボタンを選択します。
を選択します選ぶ右上のボタンと色のカーソルを色に向けます。ポインターを移動すると、ブラウザウィンドウの右下隅に16進値とRGB値が表示されます。
必要な色をクリックしてから、ボタンで拡張機能を再開し、16進コード、RGB、およびHSLコードを表示します。

カラーコードの単純なコピーオプションはありませんが、各ボックス内を右クリックして選択することができますコピー他の場所に値を貼り付ける必要がある場合。

8。ColorFlyカラーピッカー

簡単なカラーピッカーと同様に、カラーフライカラーピッカーです。必要に応じて、色をつかみ、コードを表示し、値をコピーします。

ツールバーの拡張ボタンを選択します。
を選択します色を選びますボタンと色のカーソルを指します。カーソルを移動すると、ブラウザウィンドウの右下隅に16進値とRGB値を表示できます。
必要な色をクリックすると、拡張機能のウィンドウにHEX、RGB、およびHSLコードが表示されます。カラーコードを選択して、クリップボードにコピーします。

9。カラーピッカー（Kipelovvycheslavによる）

別の基本的なChromeブラウザー拡張機能は、リストの別の名前と同じ名前、Colorovvycheslavのカラーピッカーです。

ツールバーの拡張ボタンを選択します。
カーソルを識別したい色に向けて、クリックします。
拡張機能を再開して、HEX、HSL、およびRGBのカラーコードを確認します。

10。スマートカラーピッカー

最後の1つのシンプルなクロム拡張機能とホイッスルのないシンプルなクロム拡張は、スマートカラーピッカーです。

ツールバーの拡張ボタンを選択します。
を選択します色を選びますボタンと色のカーソルを指します。カーソルを移動すると、ブラウザウィンドウの右下隅に16進値とRGB値が表示されます。
必要な色をクリックしてから、ボタンで拡張機能を再開し、16進コード、RGB、およびHSLコードを表示します。カラーコードを選択して、クリップボードにコピーします。