圖片色彩選取工具
FREE從圖片中提取任何顏色，即時獲取 hex 碼、RGB、HSL 和 CMYK 值。設計師和開發者的完美工具。
從圖片中提取任何顏色，即時獲取 hex 碼、RGB、HSL 和 CMYK 值。設計師和開發者的完美工具。
Upload an Image
Drag and drop or click to select
The Free Image Color Picker by Nano Banana is a precision tool for extracting colors from any image. Get instant HEX codes, RGB values, HSL, and CMYK color codes with pixel-perfect accuracy. Whether you're a designer matching brand colors, a developer building themes, or a creative finding inspiration, our color picker delivers exact color values from any uploaded image. Features include zoom for precise selection, automatic palette extraction, and one-click copy. 100% free and browser-based.
Get HEX, RGB, HSL, HSV, and CMYK values simultaneously. One click copies any format to clipboard.
Zoom up to 32x magnification for precise color selection at the pixel level.
AI analyzes your image and extracts dominant colors automatically for instant palettes.
Track all picked colors in session. Build palettes without re-picking.
Images processed locally. Your photos never uploaded to servers.
Photos, screenshots, logos, designs—extract colors from any image format.
Drag and drop or click to upload. Supports JPG, PNG, WebP, GIF, and SVG formats.
Click anywhere on the image. Use zoom tool for pixel-level precision on small details.
Instantly see HEX, RGB, HSL, CMYK codes. Toggle between formats as needed.
One-click copy to clipboard. Paste directly into CSS, design tools, or code editors.
HEX (#RRGGBB), RGB (0-255), HSL (hue, saturation, lightness), HSV, and CMYK for print.
8x to 32x zoom for picking colors from small areas, thin lines, or detailed graphics.
Automatically extracts 5-10 dominant colors from your image. Perfect for design inspiration.
Live color preview as you hover. See the exact color before clicking.
All picked colors saved in session. Export as palette for Figma, Sketch, or CSS.
Check WCAG contrast ratios between picked colors for accessibility compliance.
Extract exact colors from logos, style guides, or existing materials to ensure brand consistency.
Get precise HEX codes for CSS. Match colors from design mockups to code perfectly.
Extract palettes from photos, nature, art, or any visual inspiration for new projects.
Pick colors from competitor apps or websites for analysis and mood boarding.
Sample colors from one image to use in another. Create cohesive visual themes.
Get CMYK values for print-ready designs. Ensure accurate color reproduction.
When picking from gradients or detailed areas, zoom to 16x or higher for exact pixel selection.
Colors can vary slightly across an image. Pick from several spots and average for consistency.
Use HEX for web, RGB for digital, CMYK for print. Convert as needed for your medium.
Pick primary, secondary, and accent colors. Use auto-palette as starting point.
Colors look different on various backgrounds. Test picked colors in your actual design context.
Compare our free color picker with other tools.
| 功能 | Nano Banana | 其他 |
|---|---|---|
| 價格 | 永久免費 | ColorZilla: Free, Adobe Color: Free with account |
| Formats Supported | HEX, RGB, HSL, HSV, CMYK | Often limited formats |
| Zoom Capability | Up to 32x magnification | Limited or none |
| Auto Palette | Yes, AI-powered | Varies by tool |
| 隱私 | 100% browser-based | Some require upload |
| Installation | None required | Browser extension or software |
UI Designer
“The zoom feature is incredible. I can pick exact colors from even the smallest icons.”
Frontend Developer
“Having all color formats at once saves so much time. Copy HEX for CSS, RGB for JS.”
Brand Designer
“The auto-palette extraction is perfect for client presentations and mood boards.”
HEX (#RRGGBB), RGB (rgb(r,g,b)), HSL (hsl(h,s%,l%)), HSV, and CMYK for print. All formats available for every picked color.