画像カラーのワークフロー
画像をアップロードする, 任意のピクセルをクリックします, そしてHEXをコピーします, RGB, HSL, 設計 QA 用の HSV 値, ブランドチェック, CSS作業, サムネイル, およびコンテンツ資産.
ここに画像を 1 つドロップしますまたはクリックしてJPGを選択します, PNG, WebP, またはブラウザでサポートされている画像
色を選択してください
16進数–
RGB–
HSL–
HSV–
プライバシーとローカルクリーンアップ
画像はこのブラウザタブでデコードされ、キャンバスでサンプリングされます. カラーピッキングのためにWanglitouサーバーにアップロードされません.
使用 鮮明なローカル画像 選択した画像プレビューとサンプルカラーをこのページから削除し終わったら.
このカラーピッカーの使い方
- 画像をアップロードし、プレビューが表示されるまで待ちます.
- サンプリングしたい正確なピクセルをクリックします.
- CSS の HEX として色をコピーします。, デザインツール用のRGB, またはパレット作業用の HSL/HSV.
- ブランドのQAに使用する, スクリーンショットのレビュー, 画像監査, サムネイル, 迅速な設計の引き継ぎ.
同じワークフロー内の次のツール
これらのリンクは同じ実践的なタスク チェーン内に留まります。, 訪問者を無関係な計算機に誘導する代わりに.
よくある質問
Does this upload the image?
いいえ. The image is read by your browser and sampled locally from a canvas preview.
Why can colors differ from design software?
Browser rendering, color profiles, transparency, and compression can slightly change sampled values. Use the result as a practical web color sample.
Can I copy all formats?
The Copy button copies HEX, RGB, HSL, and HSV together so you can paste the color into a note or design handoff.