./prontouso.com

TIỆN ÍCH THIẾT KẾ

Trích Xuất Bảng Màu từ Hình Ảnh

Tải ảnh lên để tự động phân tích và tạo bảng màu gồm các màu sắc chủ đạo và nổi bật nhất, kèm mã màu HEX, RGB và HSL có thể sao chép ngay.

Trạng thái công cụChạy trên trình duyệt của bạn
Xem trước

Image

Hoặc kéo & thả hình ảnhhoặc chọn tệp từ máy
.png, .jpg, .jpeg, .webp · tối đa 2.0 MB. Xử lý trực tiếp trên trình duyệt, không bao giờ tải lên máy chủ.

The palette appears after loading an image.

Palette

    Cách thức hoạt động

    1. Nhập dữ liệu của bạn

      Điền các giá trị cần thiết, dán văn bản hoặc tải lên tệp bạn muốn xử lý.

    2. Xem kết quả tức thì

      Hầu hết các công cụ cập nhật theo thời gian thực khi bạn nhập liệu; một số công cụ sử dụng một nút hành động duy nhất.

    3. Sử dụng kết quả

      Sao chép, tải xuống hoặc chia sẻ kết quả được tạo — bạn luôn có toàn quyền kiểm soát dữ liệu của mình.

    Quyền riêng tư & xử lý dữ liệu — Chạy cục bộ 100% trên trình duyệt của bạn. Công cụ này không tải dữ liệu của bạn lên máy chủ.

    Trích Xuất Bảng Màu từ Hình Ảnh là gì?

    Load an image and pull out approximate dominant colors with HEX, RGB, and percentage values for design references, CSS, and brand notes.

    TÌM HIỂU CÁCH HOẠT ĐỘNG CỦA CÔNG CỤ

    How to extract a color palette

    How colors are sampled

    The extractor scales the image down for speed, samples pixels, ignores mostly transparent pixels, and groups nearby RGB values into buckets. The percentages describe the sampled image, not an exact laboratory color count.

    Choosing the color count

    Use fewer colors when you need a compact brand or UI palette. Use more colors when the image has several important accents, gradients, or product colors.

    Using the palette

    • Copy HEX for CSS variables, design tokens, or quick color swatches.
    • Use RGB when a design tool or canvas workflow expects numeric channels.
    • Check contrast separately before using a sampled color for text.

    Image handling

    The palette is an approximation from the loaded image. For brand-critical work, compare the sampled values with official brand tokens or source design files.

    Các Câu Hỏi Thường Gặp (FAQ)

    Why is the extracted color slightly different from the pixel I expected?

    Nearby colors are grouped into buckets after sampling, so the result represents dominant color areas rather than one exact pixel.

    Are transparent pixels counted?

    Mostly transparent pixels are ignored, which keeps transparent backgrounds from dominating the palette.

    Can I extract exactly one brand color?

    Use the palette as a starting point. For an exact brand value, sample from the original design file or official brand guide.

    Why do gradients produce several close colors?

    Gradients contain many neighboring tones. Lower the color count for a simpler palette or keep more colors when the gradient itself matters.

    Công Cụ Liên Quan