Click anywhere on photo to extract color
Selected Pixel Color
#3B82F6
HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
カラー抽出の手順
- 1画像をアップロードするか、キャンバス上にドラッグ＆ドロップします。
- 2画像上にカーソルを合わせて拡大鏡でピクセル色を確認・クリックします。
- 3自動抽出された主要パレットからHEXコードをワンクリックでコピーします。
ブランドトーンや写真からのカラーサンプリング
参考サイトのスクリーンショットや写真からキーカラーを抽出し、WebサイトのUIカラー設計に直感的に活用できます。
Architecture & Privacy
- Microsecond Canvas Pixel Sampling: Read image pixel buffers with zero lag using GPU-composited canvas.
- K-Means Pixel Quantization: Algorithmic bucket clustering surfaces the top 6 most prominent colors.
- Modern Web EyeDropper API support: Launch native system eyedropper on supported browsers.
- 100% Client-Side Privacy: Your photos never leave your device. All pixel math happens locally.