Bảng màu từ ảnh
Lấy bảng màu của ảnh
Chạy trong trình duyệt · Không tải lên
Hiện tại công cụ này và hướng dẫn trên trang vẫn bằng tiếng Anh. Nó hoạt động y như vậy: mọi thứ chạy trong trình duyệt của bạn.
Drag & drop an image here
or
JPG, PNG, WebP, AVIF, GIF, HEIC, SVG and more
Your files stay on your device. Nothing is uploaded.
Color palette of this image
Click the image to pick a color. With the keyboard: focus the image, move with the arrow keys (Shift = faster) and press Enter.
Trình duyệt của bạn quá cũ để chạy công cụ này. Hãy cập nhật, hoặc dùng phiên bản hiện tại của Chrome, Edge, Firefox hoặc Safari.
- Không có gì rời khỏi thiết bị của bạn
- Máy chủ không giới hạn kích thước
- Không đăng ký, không hình mờ
- Miễn phí
Chuyển đổi phổ biến
- Lấy bảng màu của ảnh
- Làm vỡ điểm ảnh (pixel hóa)
- Bo tròn góc ảnh
- HEIC sang JPG
- HEIC sang PNG
- WebP sang JPG
- WebP sang PNG
- PNG sang JPG
- JPG sang PNG
- PNG sang WebP
- JPG sang WebP
- SVG sang PNG
- AVIF sang JPG
- JPEG XL sang JPG
- JPEG XL sang PNG
- JPG sang JPEG XL
- TGA sang PNG
- PNG sang ICO
- PSD sang PNG
- PSD sang JPG
- AI sang PNG
How to get a color palette from an image
- Choose an image.
- Pick how many colors you want: 5, 8, 12 or 16.
- Copy the palette as HEX, CSS variables or JSON, or download it as a PNG.
Good to know
- The colors are sorted by how much of the image they cover, and each swatch shows its share.
- Click a swatch to add it to your picked colors; click anywhere on the image to pick an exact pixel.
- Transparent parts of PNG and WebP images are ignored.
- The PNG shows each color with its HEX code, ready for a style guide.
How the palette is chosen
Similar colors are grouped together (k-means clustering on a smaller copy of the image), so a few pixels of noise don't become a color of their own. For a photo, 8 to 12 colors usually catch both the main tones and the accents.
Your images stay on your device
Everything happens in your browser. Your images are never uploaded, and this site's security policy blocks the page from sending files anywhere.
Câu hỏi thường gặp
Can I check whether two palette colors are readable together?
Yes: copy the HEX codes into the Color Contrast Checker, which tells you whether text in one color is readable on the other (WCAG AA and AAA).
Is my image uploaded?
No. The colors are worked out in your browser and the image is never sent anywhere.