Color picker online – lấy mã màu HEX, RGB từ ảnh và màn hình
Kính lúp phóng to từng điểm ảnh để lấy đúng màu. Có ngay mã HEX, RGB, HSL, CMYK và độ tương phản chữ.
Di chuột trên ảnh để phóng to, bấm để lấy màu
Xem nhanh cách dùng
Câu hỏi thường gặp
Color picker lấy mã màu từ ảnh online có miễn phí không?
Có. Color picker của ColorME miễn phí, không cần đăng nhập và dùng được không giới hạn.
Cách lấy mã màu bất kỳ trên màn hình?
Bấm Chọn màu trên màn hình rồi bấm vào điểm bất kỳ, kể cả ngoài trình duyệt. Tính năng này dùng được trên Chrome và Edge máy tính.
Safari hoặc điện thoại có chọn màu trên màn hình được không?
Trình duyệt chưa hỗ trợ chọn màu toàn màn hình thì bạn tải ảnh hoặc dán ảnh chụp màn hình lên, rồi bấm vào điểm trên ảnh để lấy màu.
Ảnh có bị tải lên máy chủ không?
Không. Ảnh chỉ được đọc trên trình duyệt để lấy màu, không gửi lên máy chủ.
Công cụ cho những mã màu nào?
Mỗi màu có mã HEX, RGB, HSL và CMYK, bấm vào biểu tượng sao chép cạnh từng mã để dán vào Figma, Photoshop hay CSS.
Làm sao lấy màu chính xác từng điểm ảnh?
Di chuột trên ảnh để kính lúp phóng to vùng quanh con trỏ, giúp bạn chọn đúng điểm ảnh mong muốn thay vì màu pha ở mép.
Có xem độ tương phản chữ WCAG không?
Có. Mỗi màu đã chọn hiển thị độ tương phản với chữ trắng và chữ đen theo chuẩn WCAG, giúp bạn chọn màu chữ dễ đọc.
Có tạo dải đậm nhạt từ màu đã chọn không?
Có. Phần Đậm nhạt tạo các sắc độ sáng tối của màu đó; bấm vào một sắc độ để chọn và sao chép mã.
Có lưu lại các màu đã chọn không?
Có. Mục Đã chọn gần đây giữ các màu bạn vừa lấy, và nút Sao chép bảng màu CSS xuất cả bảng thành biến CSS.
Lấy mã màu từ logo hoặc website của thương hiệu thế nào?
Chụp màn hình logo hoặc trang web, dán vào trang bằng Ctrl + V (Cmd + V), rồi bấm vào vùng màu để lấy mã HEX chính xác.
Màu lấy từ ảnh có đúng màu in không?
Mã CMYK chỉ là quy đổi tham khảo từ màu màn hình; khi in thật nên kiểm tra với bảng màu của nhà in vì màu in phụ thuộc giấy và mực.
Khác gì công cụ Eyedropper trong Photoshop hay Figma?
Không cần mở phần mềm, lấy màu được từ mọi nơi trên màn hình (Chrome, Edge) và có sẵn HEX, RGB, HSL, CMYK cùng độ tương phản WCAG trong một chỗ.
Công cụ cùng nhóm
Tất cả công cụ
HEX, RGB, HSL, CMYK, OKLCH qua lạiĐổi mã màu
Chữ trên nền có đạt chuẩn WCAG khôngKiểm tra tương phản
Dải màu tuyến tính, toả tròn, xuất CSSTạo gradient CSS
Lấy dải màu gradient từ chính bức ảnhTạo gradient từ ảnh
Tạo dải 50–950 từ 1 màu, xuất CSS, TailwindThang màu & design token
Xem thiết kế qua mắt người mù màuMô phỏng mù màu
Độ rộng cột, gutter, lề cho layoutTính lưới cột