色を取得する画像をドロップ
ドラッグ&ドロップ、貼り付け、またはファイルを選択
PNG · JPG · WebP — お使いのデバイスで色を読み取り
画像カラーピッカー
画像から任意の色をHex・RGB・HSLで取得し、パレットを抽出して色を変更 — 無料・高速・ブラウザ上で完結。
Every color tool, one tap away
Color picker
Hover and click to read hex, RGB, and HSL from any pixel.
Color toolPalette extractor
Pull the dominant colors and export CSS, JSON, or a PNG sheet.
Color toolDominant color
Find the single main color — plus the true average.
Color toolColor histogram
See the RGB and luminance distribution of a photo.
Color toolColorblind simulator
Preview protanopia, deuteranopia, and tritanopia.
Color toolRecolor image
Shift hue, saturation, and lightness across the whole image.
Color toolReplace color
Swap one color for another with adjustable tolerance.
よくある質問
画像から色を取得するには?
画像を開いてポインターを動かすと、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として保存できます。
他の画像ツール
Crop an image
Crop to any ratio or an exact pixel size.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolRotate an image
Rotate 90°, flip, or straighten a tilted photo.
Image toolConvert image format
PNG, JPG and WebP — convert any to any.