utills.
日本語

画像カラーピッカー

画像から任意の色をHex・RGB・HSLで取得し、パレットを抽出して色を変更 — 無料・高速・ブラウザ上で完結。

色を取得する画像をドロップ

ドラッグ&ドロップ、貼り付け、またはファイルを選択

PNG · JPG · WebP — お使いのデバイスで色を読み取り

完全無料Hex · RGB · HSL登録不要 PNG · JPG · WebP

Every color tool, one tap away

よくある質問

画像から色を取得するには?

画像を開いてポインターを動かすと、Hex値がカーソルに追従します。クリックして色をロックし、Hex・RGB・HSLコードをコピーしてください。タッチスクリーンでは取得したい箇所をタップします。

写真の色のHexコードを得るには?

カラーピッカーモードを使用し、目的のピクセルをクリックしてください。HEX・RGB・HSLの値が並んで表示され、それぞれにワンクリックのコピーボタンが付いています。

カラーパレットとは何ですか?どのように抽出されますか?

パレットは画像を最もよく表す少数の色のセットです。パレット抽出ツールはk-meansでピクセルをクラスターに分類し、最も代表的な色を返します。数は2〜12から選べます。

主要色と平均色の違いは何ですか?

平均色は全ピクセルをひとつにまとめたもので、くすんだ色になりがちです。主要色は最大の同色系ピクセルクラスターで、目が画像の主色として認識する色に近くなります。主要色モードでは両方を表示します。

CSSやデザインツール向けにパレットを書き出せますか?

はい。パレット抽出ツールは、PNGのスウォッチシート、CSSカスタムプロパティのブロック(--color-1、--color-2 …)、またはHex・RGB・HSLと各色の割合を含むJSONファイルとして書き出せます。

色覚シミュレーターは何をしますか?

第一色覚異常(プロタノピア)・第二色覚異常(デューテラノピア)・第三色覚異常(トリタノピア)のある方の見え方を再現します。グラフ・UI・イラストのアクセシビリティを手軽に確認できます。

色の置換はどのように機能しますか?

置換元の色を選択(または画像上でクリック)し、置換先の色を選び、近似色も含めるために許容値を設定します。変更はリアルタイムにプレビューされ、PNG・JPG・WebPのフル解像度で書き出せます。

カラーピッカーは無料ですか?透かしはありますか?

完全無料で、透かしも登録も不要です。何枚でも画像から色を取得してパレットを作成できます。

画像はどこで処理されますか?

色の取得・パレット抽出・色の変更はすべてブラウザ内で行われるため、結果はお使いのデバイス上で生成されます。ツールに関連するデータの取り扱いについては、プライバシーポリシーをご確認ください。

対応している画像フォーマットは?

PNG・JPG・WebPに対応しています。リカラー・色置換・色覚シミュレーションの出力は、元の解像度でPNG・JPG・WebPとして保存できます。

他の画像ツール

Find your next tool

37 tools

Compress image Shrink file size while keeping quality. Resize image Change width and height to any size. Crop image Trim images to the exact frame you want. Convert image Switch between JPG, PNG, WebP and more. Remove background Erase the background in one click. Image to PDF Combine images into one PDF document. Rotate & Flip Turn, straighten, and mirror photos. Image to text Pull editable text out of any image. HEIC to JPG Open iPhone HEIC photos as JPG. Watermark Stamp text or logos over your images. Collage Arrange multiple photos into a grid. Favicon Generator Build favicons in every required size. Color Picker Grab hex colors and build palettes. Blur & Pixelate Obscure faces, plates, and private bits. Enhance Auto-fix brightness, contrast, and color. Passport Photo Prepare photos for ID and passport applications. Signature Clean up and extract handwritten signatures. Photo Effects Apply filters and vintage looks. Social Image Size covers for common social platforms. Add text to image Caption images and make memes fast. GIF Maker Turn frames or clips into animated GIFs. Border & Frame Add clean borders and photo frames. Mockup Drop screenshots into device frames. SVG Converter Trace raster images into scalable SVG. EXIF Viewer Inspect camera and GPS metadata. Poster & Print Lay out posters and print-ready sheets. Document Scanner Deskew and clean photographed documents. Image to Base64 Encode images into a data-URI string. Placeholder Make dummy placeholder images on demand. Image generator Make gradients, patterns, and avatars. Compare Images See two images side by side with a slider. QR Code Create and download QR codes. Hide Text in Image Embed a secret message inside a picture. Length converter Meters, feet, inches, miles and more. Weight converter Switch between kilograms, pounds and more. Temperature converter Celsius, Fahrenheit, Kelvin and more. Data storage converter Bits, bytes, megabytes and gigabytes.
Tab to move · Enter to open · Esc to close