画像配色抽出ツール
デザインレビューまたはフロントエンドハンドオフの前に、ローカルイメージからドミナントカラー、HEXコード、および再利用可能なパレットトークンを抽出します。
ブラウザ内でローカル処理。アップロード不要。
このツールについて：画像配色抽出ツール
Extract dominant colors and reusable HEX palette tokens from local images in the browser. アップロード不要——すべてブラウザ内でローカルに処理されるため、プライバシーと速度を両立します。
よくある用途
- UI トークンのハンドオフには 4 ～ 6 色を使用し、よりリッチなムードボードには 8 色を使用します。
- パレットはダウンスケールされたプレビューからローカルにサンプリングされるため、大きなファイルも高速に保持されます。
ファイルをドロップするかクリックして参照
ファイルを待機中
開始するにはファイルを追加してください。
元のサイズ
-
見つかった色
-
ドミナントカラー
-
ブラウザ内でローカル処理。アップロード不要。
抽出されたパレット
ファイルを待機中
CSS 変数
:root {
}パレット JSON
[]
クイックヒント
- UI トークンのハンドオフには 4 ～ 6 色を使用し、よりリッチなムードボードには 8 色を使用します。
- パレットはダウンスケールされたプレビューからローカルにサンプリングされるため、大きなファイルも高速に保持されます。
関連する無料ツール
Free Image Converter
Convert PNG, JPG, and WebP images locally in the browser for uploads, reviews, listings, and handoff.
Free JPG to PNG Converter
Convert JPG images to PNG locally in the browser for sharper screenshots, overlays, and design handoff.
Free WebP Converter
Convert images to or from WebP locally in the browser for smaller web assets and compatible downloads.
Free Transparent PNG Maker
Make a selected background color transparent and export a clean transparent PNG without uploading the image.
Related 3D guides and workspaces
- Photo to 3D ModelHow to shoot a photo that converts well, what fails, and what the GLB contains.
- 2D Image to 3D ModelPrepare illustrations, renders, and sprites, and know what the back side invents.
- 3D Pixel: Pixel-Aligned Image to 3DPixel-aligned criteria, source-image checks, and voxel/texel resolution for a GLB.
- 3D AI: AI 3D Model GenerationChoose between Pixal3D, Trellis 2, and Hunyuan Motion before spending credits.
- 3D Object CreatorWhich object classes convert well from one image, and how the presets steer the mesh.
- Image to MeshWhat the generated GLB geometry contains, and how to inspect and repair it.
- 3D Asset GeneratorThe handoff checklist for scale, textures, triangle budget, and engine import.
- 3D Printing AIGenerate a GLB from one photo, convert it to STL, and check it before slicing.
- Text to MotionDescribe an action and generate FBX motion plus motion JSON instead of a mesh.
- Image to 3D for ShopifyTurn a packshot into a GLB, inspect it, and test it on a product page.
- Image to 3D Model FreeExactly what a hosted job costs, and which browser tools need no account.
- Open Source Image to 3DWhich upstream models are public with their own licences, and what is hosted.
- AI Generated 3D ModelsWhat one image produces, and the checks to run before you use the result.
- Image to 3D Model GeneratorPixel-aligned image-to-3D with GLB preview, PBR textures, and motion output.
- AI Image Generator WorkspaceText-to-image, image-to-image, and photo editing in one hosted workbench.
- AI Video Generator WorkspaceSeedance 2.0 text-to-video, image-to-video, and reference-to-video.