[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"content-seo:colorPaletteExtractor":3},{"description":4,"seo":5,"faq":8},"画像から色を抽出するなら、写真を1枚入れるだけ。代表色を5・6・8・10色から選んだ数だけ取り出し、それぞれが写真の何%を占めるかとHEX・RGB・HSLのカラーコードを一緒に表示します。処理はすべてブラウザ内で行われ、画像がサーバーに送られることはありません。JPG・PNG・HEIC・WebPに対応し、ファイル選択、ドラッグ、Ctrl+Vの貼り付けで読み込めます。\n\n1点だけの色を調べたいときは、写真をタップまたはクリック。スポイトのようにその位置の色を取り、周囲3×3ピクセルを平均するので、ノイズの1ピクセルに左右されません。取った色もHEX・RGB・HSLで表示され、コードを押せばコピー完了。パレットのHEXをまとめてコピーすることもできるので、ロゴやスクリーンショットのカラーコードを調べる作業がすぐ終わります。\n\nカラーコードだけを返すツールと違い、各色にカラーコード辞典の52色から最も近い色名を添えます。その青がネイビー寄りかティール寄りかがひと目でわかり、色名から辞典ページへ移動して近い色も確認できます。割合%を見れば、どれがメインカラーでどれがアクセントかも明確。Webサイトやスライド、ムードボード用のカラーパレット作成に、配色バランスまで参考にできます。\n\n代表色の決め方：写真を長辺200pxに縮小し、似た色をグループ化（メディアンカット法の変形）して、各グループの平均色をパレットにします。結果は色の帯・HEX・割合が入った1200×630のPNG画像として保存でき、共有やデザインデータへの貼り付けに便利です。",{"ogTitle":6,"ogDescription":7},"画像から色抽出 | カラーコード・パレット作成 - Giggleus","🎨 写真を入れるだけで代表色5〜10色と割合%、HEX・RGB・HSLのカラーコード、近い色名がわかります。アップロード不要。",[9,12,15,18,21],{"question":10,"answer":11},"画像から色を抽出する方法は？","写真をこのページにドラッグするか選択し、代表色の数を5・6・8・10色から選ぶだけです。各色の割合%とHEX・RGB・HSLのカラーコードがすぐ表示され、コードを押すとコピーできます。JPG・PNG・HEIC・WebPに対応しています。",{"question":13,"answer":14},"画像はサーバーにアップロードされますか？","いいえ。画像の読み込みと分析はすべてブラウザ内で行われ、サーバーには送信されません。Ctrl+Vで貼り付けたスクリーンショットも端末の外には出ません。",{"question":16,"answer":17},"画像の一部分のカラーコードを調べるには？","調べたい位置をタップまたはクリックしてください。スポイトのように周囲3×3ピクセルの平均色を取得し、HEX・RGB・HSLのコードと最も近い色名を表示します。圧縮ノイズのある画像でも値が安定します。",{"question":19,"answer":20},"色の横にある%は何を表していますか？","その色のグループが写真の中で占める割合です。写真を長辺200pxに縮小して似た色をまとめ（メディアンカット法の変形）、各グループの大きさを%で示します。数値が大きいほどメインの色です。PNGロゴの透明な背景など、透明なピクセルは計算から外すため、%は見えている部分に対する割合です。",{"question":22,"answer":23},"作ったカラーパレットを画像で保存できますか？","はい。色の帯・HEXコード・割合が入った1200×630のPNGとして保存できます。SNSの共有画像やスライドにちょうどよいサイズで、HEXコードはテキストでまとめてコピーすることもできます。"]