画像カラーピッカー

選択した色は、代表的に HEX・RGB・HSL の形式で確認できます。

HEX はウェブデザインで最もよく使われ、RGB は画面上の色表現に直感的で、HSL は色の明度や彩度を調整するときに便利です。

はい、可能です。 ウェブサイト、アプリ画面、デザインカンプ、ドキュメント画面をキャプチャした画像をアップロードすれば、好きな位置をクリックして色を確認できます。 たとえば、ウェブページのボタンの色、バナーの背景色、ロゴの色、アイコンの色などを確認するのに便利です。 ただし、スクリーンショットが圧縮されていたり、画面の拡大・縮小が適用されている場合は、実際の元の色と少し異なることがあります。

はい、モバイルブラウザでも利用できます。 スマートフォンに保存された写真やキャプチャ画像をアップロードして、画面をタッチして色を選択できます。 モバイルでは指で正確な位置を押しにくいことがあるため、より精密な色選択が必要な場合は、画像を拡大するか、PC環境で使うことをおすすめします。

画像に表示されているピクセルを基準に色を抽出するため、クリックした位置の色の値を確認できます。 ただし、画像が圧縮されていたり、影・グラデーション・透明度・アンチエイリアスが適用されている場合は、周囲の色と混ざって見えることがあります。 正確な色を得たい場合は、単色の領域をクリックするか、原本に近い高画質の画像を使うのがおすすめです。

画像からの色抽出はお使いのブラウザ内で処理されます。そのため、画像をサーバーに保存することなく色の値を確認できます。個人情報を含むスクリーンショットを使う場合でも、比較的安全に作業できます。