画像カラーピッカー
画像の正確なピクセルを選び、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本指ドラッグで画像を移動できます。現在、ピンチズームには対応していません。