100 100.tools
Công cụ nén ảnh Thay đổi kích thước ảnh Chuyển đổi định dạng ảnh Image Cropper Image to Base64 Converter SVG to PNG Converter Công cụ hình mờ hình ảnh Xem và xóa EXIF Trình tạo Favicon Nén và chuyển đổi ảnh cục bộ Công cụ xóa màu nền ảnh Trình tạo Pixel Art Trình tạo ASCII Art Trình tạo poster tiêu đề

Color Palette Extractor

Extract dominant colors from an image locally and copy HEX, RGB, HSL or CSS variables.

Drop an image here

Ready.

Local only JPG, PNG, WebP. Up to 25 MB.
Drop an image here Use JPG, PNG or WebP to extract dominant colors. Colors are sampled in your browser.

Palette settings

Choose how many colors to extract.

Sampling notes
  • Colors are approximate dominant colors from sampled pixels.
  • Click a swatch to copy its HEX value.
  • Download or copy CSS variables for design handoff.

Extracted palette

Extracted colors will appear here.

Extracted colors will appear here.

Ready.

Công cụ trích xuất bảng màu này là gì?

Công cụ này phân tích ảnh cục bộ và trích xuất các màu chủ đạo gần đúng. Bạn có thể sao chép giá trị HEX, RGB, HSL hoặc xuất bảng màu dưới dạng biến CSS.

Quyền riêng tư

Ảnh luôn nằm trong trình duyệt của bạn. Công cụ không tải file lên hoặc lưu chúng trên máy chủ.

Tính năng

  • Trích xuất màu chủ đạo từ ảnh ngay trên máy
  • Sao chép giá trị HEX, RGB và HSL
  • Tạo thuộc tính CSS tùy chỉnh
  • Tải CSS của bảng màu
  • Lấy mẫu nhanh không cần thư viện bên thứ ba

Cách sử dụng

  1. Thêm ảnh

    Chọn hoặc kéo ảnh JPG, PNG hoặc WebP vào công cụ.

  2. Chọn số lượng

    Chọn số màu bạn muốn có trong bảng màu.

  3. Trích xuất màu

    Trình duyệt lấy mẫu pixel và nhóm các màu gần giống nhau.

  4. Sao chép giá trị

    Nhấp vào các ô màu hoặc sao chép biến CSS đã tạo.

FAQ

Ảnh có bị tải lên không?

Không. Việc lấy mẫu pixel diễn ra trong tab trình duyệt của bạn.

Màu có chính xác tuyệt đối không?

Đó là các màu chủ đạo gần đúng dựa trên các pixel đã được lấy mẫu.

Tôi có thể dùng CSS này trong dự án không?

Có. Hãy sao chép hoặc tải xuống các biến CSS đã tạo.

Vì sao pixel trong suốt bị bỏ qua?

Pixel trong suốt không tạo ra màu nhìn thấy được nên sẽ bị bỏ qua.

Công cụ liên quan

IMAGE Image Cropper Crop photos with aspect ratio presets in your browser. IMAGE Công cụ nén ảnh Nén ảnh cục bộ. IMAGE Thay đổi kích thước ảnh Đổi kích thước ảnh cục bộ theo kích thước, phần trăm hoặc preset. IMAGE Chuyển đổi định dạng ảnh Chuyển đổi định dạng ảnh cục bộ, không cần tải tệp lên. IMAGE Image to Base64 Converter Convert images to Data URI, CSS url() or raw Base64. SVG SVG to PNG Converter Export SVG files or code to PNG locally. IMAGE Công cụ hình mờ hình ảnh Thêm hình mờ văn bản hoặc biểu tượng vào hình ảnh trong trình duyệt của bạn. IMAGE Xem và xóa EXIF Xem và xóa metadata ảnh cục bộ.