Tiêu đề

Bộ chọn màu

Kéo thả, dán (Ctrl+V), hoặc nhấp để tải lên

HEX
#888888
RGB
rgb(136, 136, 136)
HSL
hsl(0, 0%, 53%)
HSV
hsv(0, 0%, 53%)

Tải ảnh lên để chọn màu

Hoặc thử một mẫu:

Mẫu 1
Mẫu 2
Mẫu 3

Bảng màu

Màu: 3

Bộ chọn và trích xuất màu – Công cụ trực tuyến miễn phí

Công cụ trích xuất màu trực tuyến miễn phí giúp chọn bất kỳ màu nào từ một ảnh chỉ bằng một cú nhấp — không cần cài đặt phần mềm, không cần tài khoản. Tải ảnh lên, di chuột để phóng to, nhấp vào bất kỳ điểm ảnh nào để xem ngay giá trị HEX, RGB, HSL và HSV của nó, sau đó tạo một bảng màu đầy đủ từ màu đã chọn. Tải xuống kết quả bất cứ lúc nào.

Cách chọn màu từ ảnh

1
Tải ảnh lên

Thả ảnh vào khung, nhấp Tải ảnh lên, hoặc dán bằng Ctrl + V. Hỗ trợ JPEG, PNG, WebP, HEIC và GIF.

2
Nhấp để chọn màu

Di chuột qua ảnh để phóng to bằng kính lúp, sau đó nhấp vào bất kỳ đâu để lấy màu của điểm ảnh đó. Giá trị HEX, RGB, HSL và HSV sẽ hiện ra ngay lập tức.

3
Sao chép hoặc tạo bảng màu

Nhấp vào bất kỳ ô giá trị nào để sao chép vào bộ nhớ tạm, lưu màu để dùng sau, hoặc tạo một bảng màu đầy đủ và xuất dưới dạng biến CSS hoặc dải mẫu màu PNG.

Tính năng chính

  • Bốn định dạng màu – xem và sao chép màu đã chọn ở định dạng HEX, RGB, HSL và HSV chỉ bằng một cú nhấp vào bất kỳ ô giá trị nào.
  • Kính lúp chính xác từng điểm ảnh – một kính lúp hình tròn di chuyển theo con trỏ, giúp xác định chính xác điểm ảnh cần chọn.
  • 8 loại bảng màu – tạo bảng màu Tương đồng, Bổ túc, Tam giác, Tứ giác, Bổ túc tách đôi, Đơn sắc, Sắc tối hoặc Sắc sáng với 3–10 mẫu màu.
  • Tùy chọn xuất – sao chép tất cả mã HEX của bảng màu cùng lúc, tải xuống dải mẫu màu PNG, hoặc xuất bảng màu dưới dạng thuộc tính tùy chỉnh CSS (:root biến).
  • Màu đã lưu – đánh dấu bất kỳ màu nào vào khung màu đã lưu cá nhân, được lưu trong trình duyệt; xóa bất cứ lúc nào.
  • Hỗ trợ HEIC – ảnh iPhone định dạng HEIC/HEIF được tự động chuyển đổi trước khi chọn màu.
  • Hoạt động hoàn toàn trong trình duyệt – ảnh không bao giờ được tải lên bất kỳ máy chủ nào.
  • Miễn phí và không giới hạn – không cần đăng ký, không hình mờ, không giới hạn.

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

Công cụ trích xuất màu (hay bộ chọn màu ảnh) là công cụ đọc chính xác màu của bất kỳ điểm ảnh nào trong ảnh và chuyển đổi thành mã màu chuẩn dùng trong thiết kế và phát triển. Thay vì ước lượng màu bằng mắt hoặc nhập giá trị thủ công, chỉ cần nhấp vào điểm cần chọn và công cụ sẽ tự thực hiện việc chuyển đổi — từ giá trị RGB thô mà màn hình hiển thị cho đến các biểu diễn HSL và HSV dùng trong quy trình thiết kế đồ họa.

Công cụ tạo bảng màu còn tiến thêm một bước nữa: sau khi đã chọn một màu gốc, công cụ sẽ áp dụng lý thuyết màu sắc để tạo ra các bảng phối màu hài hòa, sẵn sàng sử dụng trực tiếp trong CSS, Figma, hoặc bất kỳ công cụ thiết kế nào.

Công dụng phổ biến

  • Trích xuất màu thương hiệu – lấy chính xác mã HEX từ logo hoặc ảnh thương hiệu để sử dụng nhất quán trên toàn bộ website hoặc hệ thống thiết kế.
  • Thiết kế Web và UI – khớp màu với ảnh sản phẩm hoặc ảnh hero để bố cục có sự gắn kết.
  • Tạo bảng màu – bắt đầu từ một màu chủ đạo và tạo ra bảng phối màu bổ túc hoặc tương đồng hoàn chỉnh cho dự án.
  • In ấn và minh họa – lấy mẫu từ ảnh tham chiếu để tìm giá trị RGB chính xác trước khi pha màu hoặc cấu hình hồ sơ in.
  • Tạo chủ đề CSS – xuất các biến bảng màu trực tiếp vào một :root khối để dùng ngay trong stylesheet.

Câu Hỏi Thường Gặp

Có, công cụ này hoàn toàn miễn phí 100% và không giới hạn sử dụng. Không cần tạo tài khoản hay cung cấp bất kỳ thông tin thanh toán nào.
Không. Toàn bộ quá trình xử lý diễn ra hoàn toàn trong trình duyệt bằng HTML5 Canvas API. Ảnh không bao giờ được gửi đến bất kỳ máy chủ nào, vì vậy quyền riêng tư được bảo vệ hoàn toàn.
Công cụ hiển thị màu đã chọn ở bốn định dạng cùng lúc: HEX (ví dụ: #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)), và HSV (hsv(216, 73%, 84%)). Nhấp vào bất kỳ ô nào để sao chép ngay lập tức.
Khi con trỏ di chuyển trên ảnh, một kính lúp hình tròn sẽ xuất hiện gần con trỏ, hiển thị chế độ xem phóng to của các điểm ảnh xung quanh. Điều này giúp dễ dàng xác định và nhấp đúng điểm ảnh cần chọn, đặc biệt với những ảnh có chi tiết nhỏ hoặc chuyển màu tinh tế.
Nhấp vào bất kỳ điểm ảnh nào trên ảnh để đặt màu gốc, sau đó cuộn xuống mục Bảng màu Chọn một loại bảng màu (Tương đồng, Bổ túc, Tam giác, v.v.) và kéo thanh trượt số lượng để chọn từ 3–10 mẫu màu. Bảng màu sẽ cập nhật ngay lập tức. Sử dụng Sao chép màu, Tải xuống PNG, hoặc Xuất CSS để sử dụng kết quả.
Xuất CSS sẽ sao chép một :root { } khối chứa từng màu trong bảng màu dưới dạng thuộc tính tùy chỉnh CSS (ví dụ: --color-1: #3a7bd5;). Có thể dán trực tiếp đoạn này vào stylesheet và sử dụng các biến đó xuyên suốt dự án.
Có. Tệp HEIC và HEIF được tự động chuyển đổi sang JPEG trong trình duyệt trước khi ảnh được hiển thị. Một biểu tượng đang tải sẽ xuất hiện trong quá trình chuyển đổi và không tệp nào được gửi đến máy chủ của chúng tôi.