画像カラーピッカー

画像からどのように色データを抽出していますか？

読み込まれた画像をブラウザ内のHTML5 Canvas上にレンダリングし、getImageData() APIを呼び出すことで、クリック座標のピクセルから元のRGBA生データを取得します。そのため劣化のない正確な色が取得可能です。

拡大鏡の機能は何のためにあるのですか？

高解像度画像や細部デザインから「1ピクセル単位」で目的の色をピンポイントで抽出する際の使いやすさを向上させるために搭載されています。2倍から16倍まで好みに応じてズーム比を設定できます。

なぜ複数のカラーフォーマットが出力されるのですか？

Webやアプリ、印刷などの開発プラットフォームによって使用されるカラー表記が異なるためです。HEXは一般的なHTML/CSS定義に、RGBは不透明度を調整するrgba()定義に、HSLは明るさや彩度を動的に調整したいCSSカスタムプロパティでよく用いられます。

抽出したカラー履歴はどこに保存されますか？

ブラウザのメモリ（セッション中）に一時的に記録されます。外部サーバーに送信されたり、HDDなどに保存されたりすることはありません。ブラウザのタブをリロードするか閉じると、履歴は安全に消去されます。

透過PNGから背景の透明度を考慮して抽出できますか？

アルファチャンネルを含むピクセル生データを解読します。完全に透明なピクセルの場合はキャンバス背景色が適用されますが、半透明のピクセルであってもそのピクセル自体に格納されているカラー値を保持して表示します。

どのような画像拡張子をインポートできますか？

ブラウザが描画できる一般的な形式に対応しています。具体的には、PNG、JPG、JPEG、WebP、GIF（最初のフレーム）、BMP、およびSVGに対応しています。