画像カラー抽出

類似ツール：画像ツール

スクリーンショットを貼り付けて、切り抜き、リサイズ、回転、文字入れ、形式変換をすぐに行えます。

JPEG・PNG・WebP 画像を品質調整つきで一括圧縮し、削減できたファイルサイズをその場で確認できます

ピクセルまたはパーセントで画像を一括リサイズ。よく使うサイズのプリセットと縦横比の固定に対応しています

?

まだコメントはありません。最初のコメントを書いてみましょう！

画像をアップロードすると、主要な色を HEX コードとともに自動で分析して一覧表示します。各色はワンクリックでコピーでき、写真やデザインカンプから配色を取り出すのに便利です。画像はブラウザ内でのみ処理されます。

任意の画像（JPG/PNG/WebP/GIF）をドラッグ＆ドロップまたはクリックでアップロードすると、最大 8 色の主要な色を自動で抽出し、色見本として表示します。
画像上にマウスを移動すると、カーソルに追従する 5 倍の拡大鏡が表示されます。十字線付きで、カーソル位置の色コードをリアルタイムに表示するため、正確に狙えます。
画像をクリックすると、その位置の正確なピクセルの色を取得できます。結果は右側に表示され、HEX、RGB、HSL の 3 形式がすべて一覧表示されます。
上部の HEX / RGB / HSL 切り替えボタンでコピー形式を変更できます。色見本をクリックすると、選択した形式で色の値が即座にコピーされます。
「CSS 変数（:root）としてコピー」をクリックすると、すべての色を --color-N 形式の変数としてまとめて取得できます。処理はすべてローカルで行われ、画像はアップロードされません。

画像の色抽出ツールはどのように使いますか？

画像をアップロードまたは貼り付け（Ctrl+V 対応）すると、ツールが代表的な色のパレットを自動で抽出します。拡大鏡を使えば、任意のピクセルの色を正確に取得できます。

抽出した色コードはどの形式に対応していますか？

HEX、RGB、HSL に対応しています。色見本をクリックすると、希望の形式でコピーできます。

スクリーンショットから色を抽出できますか？

はい。Ctrl+V でスクリーンショットを貼り付けると、ツールがすぐに解析します。