Color Palette Extractor — Generate Color Schemes from Images
Upload any photo or design to extract dominant colors, copy HEX & RGB codes, and export CSS variables.
ブラウザ内で動作します。ファイルは端末の外に出ません。 確認方法を見る
…
使い方
- 1設定を選ぶ
詳細を入力するか、必要なオプションを選びます。
- 2結果を見る
何かを変更するとすぐにプレビューが更新されます。
- 3ダウンロードまたは保存
結果を端末に保存します。サーバーには何も送信・保存されません。
このツールについて
Extract harmonious 5, 6, or 8-color palettes from photos, logos, and artwork using smart color quantization. Click any color swatch to copy HEX, RGB, or HSL values, copy a ready-to-use CSS variables block, or download a high-resolution palette swatch card.
最良の結果を得るためのヒント
始める前にオプションを少し読み、まず小さな例でツールを試してください。すべてはお使いの端末のブラウザ内で動作し、入力や追加したものはアップロードされず、タブを閉じるとすべて消去されます。おかしいと感じたらページを再読み込みしてもう一度試すか、このページの報告リンクから問題を教えてください。結果がまだおかしい場合は、値をひとつずつ変えて、どの項目が最も影響するかを確認してください。再び使う場合はこのページをブックマークしてください。
ポイント
- カテゴリ: 画像
- ブラウザ内で動作し、登録もアップロードも不要です。
- 入力した情報は端末内にとどまります。
- 多くの言語で利用できます。
- 内容の最終確認日:
よくある質問
How does the palette extractor work?
It samples the pixels of your image and groups similar shades using color quantization to find the most dominant tones.
Can I copy CSS variables for web development?
Yes, click 'Copy CSS Variables' to get a complete :root block ready to paste into your CSS stylesheet.
Can I export a palette swatch card image?
Yes, click 'Export Palette Card' to generate a downloadable high-resolution PNG swatch image for Figma or client presentations.
What image formats are supported?
PNG, JPG, JPEG, WebP, SVG, and AVIF images are all supported.