画像からHEXカラーコードを取得

画像の任意のピクセルをクリックして、HEXカラーコードを即座に取得。CSS・Figma・Photoshopなど、どんなツールにもそのまま使えます。

100% Free100% PrivateInstant ResultsNo Sign-up
100%

色情報

画像をクリックして色を選択

色がここに表示されます

カラーパレット

No data is sent. The magic happens in your browser.

How It Works

1

Upload Your Image

Drag and drop, paste from clipboard, choose a file, or load from URL. Supports PNG, JPG, WebP, and more.

2

Click to Pick Colors

Click anywhere on the image to sample the exact color at that pixel. The color panel updates instantly.

3

Copy & Use

Copy HEX, RGB, HSL, or CMYK values with one click. Use them directly in your CSS, design tools, or presentations.

HEXカラーコードとは?

HEXカラーコードは、色をRGBモデルで表現する6桁の16進数値です(例:#FF5733)。Web開発やデザインソフトで最もよく使われる色形式です。

Why Choose This Tool?

Pixel-Perfect Picking

Click on any pixel to get its exact color value — no guessing, no approximation.

8 Color Formats

HEX, RGB, HSL, CMYK, LAB, XYZ, LUV, and HWB — all at your fingertips.

Palette Generation

Automatically extract dominant colors from any image using smart clustering.

Privacy First

Everything runs in your browser. No images are uploaded to any server, ever.

よくある質問

画像からHEXコードを取得するには?

画像をアップロードし、任意のピクセルをクリックすると、HEXコードが即座に表示されます。

このツールは無料ですか?

完全に無料です。登録不要。