画像からHEXカラーコードを抽出

写真をアップロードしてピクセルをクリックするだけで、CSSやHTMLにそのまま貼り付けられるHEXカラーコードを取得できます。

画像をドロップし、画像の上にポインターを置いて色を抽出します。

画像はお使いのデバイス内に留まります。ブラウザ内で処理され、BroBroGoにアップロードされることはありません。

よくある質問

画像内の色のHEXコードを取得するにはどうすればよいですか？

画像をアップロードし、画像の上でポインターを動かすか、ピクセルをクリックします。虫眼鏡機能により、狙ったピクセルを正確に選択できます。HEXコード（#4f46e5 など）がすぐに表示され、1クリックでコピーできます。

HEXカラーコードとは何ですか？

HEXコードは、色を「#」に続く6桁の16進数で表現したものです。赤、緑、青の成分を2桁ずつ表しており、例えば #4f46e5 のようになります。CSS、HTML、およびほとんどのデザインツールで標準的に使用される形式です。

HEXだけでなく、RGBやHSLコードも取得できますか？

はい。選択したピクセルのHEXコードと同時に、RGBおよびHSLコードも表示され、それぞれ1クリックでコピーできます。

画像カラーピッカー画像から任意のピクセルを選択し、HEX、RGB、HSLコードを取得できます。正確な抽出をサポートする虫眼鏡機能付き。カラーコード変換ツールHEX、RGB、HSL、HSV、CMYK、LAB間でカラーコードを相互変換。1つのフィールドを編集するだけで、残りの項目がリアルタイムに自動更新されます。コントラストチェッカー文字色と背景色を入力するだけで、WCAGコントラスト比と、どのAAおよびAAAレベルに合格しているかを即座に判定します。