Bộ chọn màu đơn giản

Công cụ chọn màu miễn phí cho Chrome

Hút màu từ mọi trang web. Nhận #E8553D

Bộ chọn màu đơn giản là công cụ hút màu miễn phí cho Chrome. Bấm nút của tiện ích hoặc Alt+P, ngắm vào bất kỳ pixel nào qua kính lúp rồi bấm: mã HEX, RGB hoặc HSL đã nằm trong bảng nhớ tạm. 50 màu gần nhất chờ sẵn trong cửa sổ bật lên.

Thêm vào Chrome — miễn phí

453 người dùng trên Chrome Web Store

Cũng chạy trên Edge, Brave, Opera và các trình duyệt Chromium khác.

Kính lúp vuông trên một tấm poster trong trang web, khoanh một pixel cùng HEX, RGB và HSL của nó, bên cạnh cửa sổ Bộ chọn màu đơn giản hiện #E8553D và lịch sử màu

Tóm tắt

Chức năng
Công cụ hút màu: ngắm vào bất kỳ pixel nào trên trang web qua kính lúp, bấm, và mã HEX, RGB hoặc HSL của nó được sao chép.
Dành cho ai
Lập trình viên web và nhà thiết kế cần lấy màu từ trang web đang chạy, bản thiết kế và ảnh chụp màn hình mở trong trình duyệt, cùng bất kỳ ai cần mã màu.
Giá
Miễn phí. Không tài khoản, không bản trả phí.
Dữ liệu
Lịch sử và định dạng mặc định nằm trong bộ nhớ cục bộ của tiện ích trên thiết bị của bạn. Không phân tích, không yêu cầu mạng.
Chạy trên
Chrome và các trình duyệt Chromium khác cài tiện ích từ Chrome Web Store, trên máy tính. Không chạy trên trang của trình duyệt như trang thẻ mới, cài đặt hay Chrome Web Store.
Giới hạn
Lấy màu từ phần đang hiển thị của thẻ, dựa trên ảnh chụp tại lúc bạn bắt đầu. Không có CMYK, Pantone hay kiểm tra độ tương phản, và không lấy được màu ngoài trình duyệt.
Phiên bản
2.7.0, cập nhật 23 tháng 10, 2026

Ba bước, một lần bấm

  1. 1

    Bật công cụ

    Bấm biểu tượng trên thanh công cụ rồi bấm Chọn màu, hoặc nhấn Alt+P trên bất kỳ trang nào.

  2. 2

    Ngắm bằng kính lúp

    Kính lúp vuông phóng to quanh con trỏ và khoanh đúng pixel. Nhãn bên dưới hiện HEX, RGB và HSL trực tiếp.

  3. 3

    Bấm và dán

    Mã được sao chép theo định dạng mặc định, một thông báo ngắn xác nhận. Dán vào CSS, Figma hoặc tin nhắn.

Ai dùng

CSS

Lập trình front-end

Lấy giá trị chính xác từ trang web đang chạy cho CSS, SCSS hoặc cấu hình Tailwind mà không cần mở DevTools.

HEX

Kiểm tra thiết kế và thương hiệu

Lấy bảng màu từ giao diện, bản thiết kế hoặc ảnh tham khảo, và kiểm tra trang có dùng đúng màu thương hiệu không.

HSL

Tinh chỉnh màu

Lấy HSL để chỉnh độ sáng và độ bão hòa bằng tay, hoặc RGB cho đoạn mã cần số.

Chức năng

  • pixel, được khoanh

    Kính lúp phóng to 11 × 11 pixel quanh con trỏ và tâm ngắm khoanh pixel bạn sẽ lấy. Bắt được viền một pixel hay một bậc của dải chuyển màu.

  • định dạng

    HEX như #2A6FDB, RGB như rgb(42, 111, 219), HSL như hsl(217, 71%, 51%). Chọn định dạng mặc định một lần trong cửa sổ bật lên.

  • màu trong lịch sử

    Mỗi màu vừa lấy lên đầu lưới 50 màu gần nhất, không trùng lặp. Bấm một ô màu để xem và sao chép cả ba mã.

  • Phím tắt Alt+P

    Bắt đầu chọn mà không cần mở cửa sổ bật lên. Biểu tượng phím trong cửa sổ mở trang phím tắt của Chrome nếu bạn muốn phím khác.

  • yêu cầu mạng

    Mọi thứ chạy trong trình duyệt của bạn. Không tài khoản, không phân tích, không đo từ xa.

  • Sáng và tối

    Cửa sổ và kính lúp theo giao diện hệ thống, dùng các tông xám trung tính không làm lệch màu bạn đang đánh giá.

Cách lấy mã màu của mọi thứ trên trang web

Công cụ hút màu có sẵn của Chrome nằm trong DevTools: mở ngăn Kiểu, tìm một thuộc tính màu, bấm ô màu của nó rồi bấm công cụ hút màu. Dùng được nhưng nằm sâu, và giá trị vừa chọn thay thế thuộc tính đó trong CSS của trang thay vì vào bảng nhớ tạm của bạn.

Bộ chọn màu đơn giản đặt công cụ hút màu cách bạn một lần bấm hoặc một phím tắt. Khi bắt đầu, nó chụp phần đang hiển thị của thẻ và mở một kính lúp vuông phía trên, nên bạn thấy đúng pixel chứ không phải màu trung bình. Một lần bấm là sao chép mã, và cửa sổ bật lên giữ nó cùng 50 màu gần nhất ở cả ba định dạng.

Hãy cuộn đến phần cần lấy trước khi bắt đầu: kính lúp đọc từ ảnh chụp đó. Các trang của trình duyệt như trang thẻ mới, cài đặt và Chrome Web Store đóng với mọi tiện ích.

Riêng tư từ thiết kế

  • Không yêu cầu mạng

    Tiện ích không bao giờ nói chuyện với máy chủ. Không phân tích, không đo từ xa.

  • Ở lại trên thiết bị của bạn

    Lịch sử và định dạng mặc định nằm trong bộ nhớ cục bộ của tiện ích.

  • Bốn quyền

    Thẻ đang dùng, chỉ khi bạn bắt đầu chọn màu, để chụp ảnh; chạy script để hiện kính lúp; lưu trữ cho lịch sử và định dạng; ghi vào bảng nhớ tạm để sao chép mã.

Công cụ hút màu DevTools và Bộ chọn màu đơn giản

Công cụ hút màu DevTools và Bộ chọn màu đơn giảnCông cụ hút màu DevToolsBộ chọn màu đơn giản
Cách bắt đầuMở DevTools, tìm màu trong Kiểu, bấm ô màu của nó, rồi bấm công cụ hút màuNút trên thanh công cụ hoặc Alt+P
Kết quả đi đếnThuộc tính CSS bạn đã mở; bạn tự sao chépBảng nhớ tạm của bạn, ngay khi bấm
Định dạng màuHEX, RGB, HSL và hơn nữaHEX, RGB và HSL
Màu đã chọn trước đóKhông lưu50 màu gần nhất, sẵn sàng sao chép lại
GiáCó sẵn trong ChromeMiễn phí

Câu hỏi thường gặp

Làm sao lấy mã màu từ một trang web?

Cài Bộ chọn màu đơn giản, nhấn Alt+P trên trang, ngắm kính lúp vào màu cần lấy rồi bấm. Mã HEX, hoặc RGB, HSL nếu bạn thích, được sao chép vào bảng nhớ tạm.

Làm sao lấy màu từ một hình ảnh trên trang web?

Làm tương tự: bật công cụ rồi bấm vào pixel bạn muốn trong hình. Kính lúp phóng to nên bạn lấy được đúng một pixel.

Tôi có thể sao chép HSL hoặc RGB thay vì HEX không?

Được. Chọn định dạng mặc định trong cửa sổ bật lên: HEX, RGB hoặc HSL. Với mỗi màu trong lịch sử, cửa sổ cũng hiện đủ ba mã, mỗi mã có nút sao chép riêng.

Tìm các màu đã chọn trước đó ở đâu?

Mở cửa sổ bật lên: 50 màu gần nhất nằm đó dưới dạng ô màu, mới nhất ở đầu. Bấm một ô để xem và sao chép mã, hoặc xóa lịch sử.

Đổi phím tắt Alt+P như thế nào?

Bấm vào biểu tượng phím tắt trong cửa sổ bật lên. Trang phím tắt của Chrome sẽ mở ra, nơi bạn đặt phím khác.

Tại sao không chạy trên một số trang?

Chrome đóng các trang của chính nó, như trang thẻ mới, cài đặt và Chrome Web Store, với mọi tiện ích. Công cụ cũng chỉ đọc phần đang hiển thị của thẻ, nên hãy cuộn đến màu cần lấy trước.

Có lấy được màu ngoài trình duyệt không?

Không. Công cụ chỉ lấy màu từ thẻ trình duyệt hiện tại. Nó cũng không chuyển sang CMYK hay Pantone và không kiểm tra độ tương phản.

Có miễn phí không? Có thu thập dữ liệu không?

Miễn phí và không gửi yêu cầu mạng nào. Lịch sử và định dạng mặc định ở lại trên thiết bị của bạn.

Thêm tiện ích miễn phí từ PYROCTAL

Ngắm. Bấm. Dán.

Thêm vào Chrome — miễn phí