Lấy một tông màu cụ thể từ một bức ảnh để sử dụng trong design. Khớp màu nhấn UI với một tài sản thương hiệu mà bạn không có hex. Rút từng màu thương hiệu từ một ảnh logo, từng nhấp một. Xây palette moodboard từ một khung phim hoặc tác phẩm nghệ thuật. Kiểm tra xem hai vùng của một ảnh có thực sự cùng màu không (vs trông giống nhau nhưng khác nhau ở các pixel bên dưới).

Trình chọn màu từ ảnh

Tải lên ảnh và nhấp vào bất kỳ đâu để lấy hex, RGB và HSL của pixel đó. Xây palette tùy chỉnh bằng cách nhấp nhiều điểm. Trình duyệt thuần, không upload.

Pick or drop an image (PNG, JPG, WebP)

🔒 Files never leave your browser — no upload, no server, no tracking.

Image (hover to magnify, click to pick)

No image yet.

Current pixel

HEX —

RGB —

HSL —

Locked palette

Click the image to lock colours into a custom palette.

Công cụ này để làm gì?

Công cụ này biến bất kỳ ảnh nào được upload thành một nguồn màu có thể nhấp được. Di chuột bất cứ đâu để đọc chính xác pixel dưới con trỏ dưới dạng hex, RGB và HSL — với kính lúp phóng đại 8× để bạn có thể chọn pixel chính xác mà không phải nheo mắt. Nhấp để khóa một màu vào palette tùy chỉnh: xây palette bằng cách nhấp nhiều điểm. Nhấp vào một mẫu màu trong palette để xóa nó. Ảnh không bao giờ rời trình duyệt của bạn.

Khi nào nên dùng

Lấy một tông màu cụ thể từ một bức ảnh để sử dụng trong design.
Khớp màu nhấn UI với một tài sản thương hiệu mà bạn không có hex.
Rút từng màu thương hiệu từ một ảnh logo, từng nhấp một.
Xây palette moodboard từ một khung phim hoặc tác phẩm nghệ thuật.
Kiểm tra xem hai vùng của một ảnh có thực sự cùng màu không (vs trông giống nhau nhưng khác nhau ở các pixel bên dưới).

Cách hoạt động của độ chính xác

Lấy mẫu một pixel chính xác nhưng nhiễu — viền anti-aliased, artefact JPEG và subpixel rendering của màn hình đều khiến các pixel láng giềng hơi khác nhau. Kính lúp 8× cho phép bạn nhìn và nhấp vào pixel cụ thể mà bạn muốn, thay vì dựa vào trung bình. Đối với việc trích xuất màu thương hiệu, điều này quan trọng; đối với công việc moodboard, bạn có thể bỏ qua.

Lưu ý thường gặp

Anti-aliasing trên văn bản. Chữ có viền mềm không đại diện cho màu "mực" cơ bản. Nhấp vào giữa một nét dày, không phải viền.
Artefact nén JPEG. Ảnh nén nặng có drift màu ở những gì trông giống vùng phẳng. Nếu cần màu sạch, hãy ưu tiên nguồn PNG.
Ảnh được scale để hiển thị. Ảnh rất lớn được giảm xuống còn ~700px chiều rộng cho hiệu năng. Pixel bạn nhấp đến từ canvas hiển thị, không phải bản gốc. Để trích xuất pixel-perfect của một phần tử nhỏ xíu, crop trước khi upload.
HSL được dẫn xuất, không lưu trữ. Trình duyệt lưu RGB; HSL là một cách khác để mô tả cùng một màu. Round-trip có thể giới thiệu drift nhỏ do làm tròn.