Lấy mã màu HEX, RGB chính xác từ bất kỳ điểm ảnh nào.
Công cụ này chạy hoàn toàn trên trình duyệt. Dữ liệu bạn nhập không rời khỏi thiết bị.
Advertisement
Công cụ chấm màu cho phép bạn tải ảnh lên và lấy chính xác mã màu của từng điểm ảnh dưới dạng HEX, RGB và HSL. Hữu ích khi thiết kế giao diện cần bám theo màu thương hiệu, phối màu cho slide từ ảnh có sẵn, hoặc tìm lại đúng sắc độ của một logo mà bạn chỉ có file ảnh.
Giá trị màu được đọc trực tiếp từ dữ liệu điểm ảnh trên Canvas, không phải ước lượng bằng mắt nên không bị lệch do màn hình hiển thị. Tuy nhiên cần nhớ ảnh JPG có nén mất dữ liệu, vùng chuyển màu mịn có thể chứa nhiều sắc độ gần giống nhau, nên hãy lấy mẫu ở vùng màu phẳng thay vì vùng chuyển sắc.
Cách sử dụng
Tải ảnh lên hoặc kéo thả vào khung.
Phóng to vùng cần lấy màu để chấm chính xác.
Bấm vào điểm ảnh để lấy mã màu tại đó.
Sao chép giá trị HEX, RGB hoặc HSL và lưu vào bảng màu.
The colour picker lets you load an image and read the exact colour of any pixel as HEX, RGB, and HSL. It is useful when building an interface that must match brand colours, deriving a slide palette from an existing photo, or recovering the precise shade of a logo you only have as a JPEG.
Values are read straight from the pixel data on Canvas rather than estimated by eye, so screen calibration does not skew them. One caveat: JPG is lossy, and smooth gradients may contain many near-identical shades, so sample from a flat area of colour rather than from a transition zone.
How to use
Upload an image or drop it into the frame.
Zoom into the area you want to sample for precision.
Click the pixel to read its colour value.
Copy the HEX, RGB, or HSL value into your palette.
Câu hỏi thường gặp
Mã màu lấy từ ảnh có khớp tuyệt đối với bản in không?
Không hoàn toàn. Mã HEX và RGB dùng không gian màu cộng dùng cho màn hình, còn in ấn dùng CMYK nên một số màu rực như xanh huỳnh quang hay cam đậm sẽ không tái tạo được khi in. Bạn nên quy đổi sang CMYK và kiểm tra với nhà in.
Vì sao hai điểm cạnh nhau lại cho mã màu khác nhau?
Do nén mất dữ liệu ở JPG và hiện tượng khử răng cưa ở vùng biên, các điểm ảnh gần nhau có thể lệch vài đơn vị màu. Nên chấm ở vùng màu phẳng, tránh biên hoặc vùng chuyển sắc để lấy được giá trị đại diện.
Ảnh có được tải lên máy chủ không?
Không. Ảnh chỉ được đọc vào bộ nhớ trình duyệt và vẽ lên Canvas để lấy dữ liệu điểm ảnh. Không có file nào được gửi đi, nên bạn có thể dùng với ảnh thiết kế chưa công bố.
Will the sampled colour match the printed result exactly?
Not necessarily. HEX and RGB are additive values for screens, while print uses CMYK, so vivid shades such as fluorescent green or deep orange cannot be reproduced on paper. Convert to CMYK and confirm with your printer.
Why do neighbouring pixels give different colour codes?
Lossy JPG compression and anti-aliasing at edges shift nearby pixels by a few colour units. Sample from a flat patch of colour and stay away from edges or gradients to get a representative value.
Are images uploaded to a server?
No. The image is only read into browser memory and drawn to Canvas to access pixel data. Nothing is transmitted, so it is safe for unreleased design work.