画像
banner.png
出力
#0f766e, #f8fafc...
デザインツール
画像カラーパレット抽出 - 画像から主要色を抽出
画像内の dominant color をブラウザで抽出し、コピー可能な HEX palette を生成します。画像はアップロードされず、poster の色抽出、brand reference 収集、主要色の素早い分析に向いています。
ColorImagePalette
このツールをお気に入りに
お気に入りの保存方法がまだ選ばれていません。
クイック操作
このツールの URL をコピーするか、対応端末ではシステムの共有シートを開けます。
设计配色
画像カラーパレット抽出
画像内の dominant color をブラウザで抽出し、コピー可能な HEX palette を生成します。画像はアップロードされず、poster の色抽出、brand reference 収集、主要色の素早い分析に向いています。
拖拽图片析出色卡
Extracted Dominant Colors (K-Means Algo Mock)
请在左侧上传图像...
Color Codes
点击颜色卡片可复制颜色值。
利用シーン
- poster から配色をサンプリングする
- brand color の reference を集める
- 画像の主要色を素早く分析する
使い方
- 画像をアップロードする
- 抽出された palette を確認する
- 色をコピーするか palette を書き出す
入出力サンプル
FAQ
画像はアップロードされますか？
いいえ。画像はローカルで読み込まれ、Canvas を使って解析されます。
抽出される色数は固定ですか？
UI には現在の dominant set を表示します。必要に応じて残す swatch を選ぶか、不要なものを除外してください。
ツール
関連ツール
近い用途の翻訳済みツールへ続けて進めます。
パレットジェネレーター
パレットジェネレーター - ルールベースの配色セット
モノクローム、類似色、補色、トライアド、完全ランダムなどのルールで配色を生成できます。個別 swatch をロックし、残りだけ再生成して UI 検討やブランド派生色づくりに使えます。
パレット 色 調和
カラーフォーマット変換
カラーフォーマット変換 - HEX、RGB、HSL オンライン
HEX、RGB、HSL、HWB、CMYK、CSS 変数のあいだで色をブラウザ内変換できます。カラーピッカーとランダムカラー補助も備え、デザインの引き継ぎ、スタイルシート作業、ブランドカラー整合に役立ちます。
カラー HEX RGB