Skip to content

WEB TOOLS

画像カラーピッカー

画像の正確なピクセルを選び、HEX・RGB・HSLカラーコードを取得できます。

画像はサーバーに送信されません。色の取得処理はすべてブラウザ内で行われます。

画像をここにドロップ

または

画像を追加すると、ピクセルの色を取得できます。

画像から色を取得

JPG、PNG、WebP画像を追加し、画像上を移動して色を確認します。クリックまたはタップで色を保存できます。座標は元画像のピクセル位置です。

拡大して確認

マウスホイールではポインター位置を中心に、ボタンでは表示領域の中央を基準に拡大できます。拡大後は通常の左ドラッグで画像を移動し、目的のピクセルをクリックしてください。「全体表示」で初期倍率と位置へ戻ります。

コピーと履歴

HEX、RGB、HSLをそれぞれコピーできます。重複を除いた最近の10色を、新しい画像を開くまで履歴に保持します。

よくある質問

画像はサーバーにアップロードされますか?

いいえ。画像の読み込みと色の取得処理はすべてブラウザ内で行われ、nicolet.jpのサーバーへ送信・保存されません。

どの画像形式に対応していますか?

JPG、JPEG、PNG、WebPに対応しています。

HEX・RGB・HSLの違いは何ですか?

HEXはWeb制作でよく使われる16進数の表記、RGBは赤・緑・青の数値、HSLは色相・彩度・明度で表す形式です。同じ色を異なる方法で表しています。

細かい部分の色を正確に取得できますか?

はい。ズームとパンで目的の位置へ移動し、ピクセル拡大鏡で対象ピクセルを確認して選択できます。表示されるX/Yは元画像のピクセル座標です。

透明なPNGからも色を取得できますか?

はい。透明部分を含むPNGからも色を取得できます。透明ピクセルを選択した場合はAlpha値も表示します。

スマートフォンでも使えますか?

はい。タップで色を取得し、ズームボタンで拡大・縮小、拡大後は1本指ドラッグで画像を移動できます。現在、ピンチズームには対応していません。