Skip to content
Zoyku

Chọn màu

Chọn màu từ bảng mẫu hay lấy thẳng từ màn hình bằng EyeDropper API — hex, RGB và HSL sao chép một cú bấm.

#0071e3
rgb(0, 113, 227)
hsl(210, 100%, 45%)

Your browser does not expose the EyeDropper API, so use the swatch input; hex/rgb/hsl values still update live.

Công cụ này chạy hoàn toàn trong trình duyệt của bạn. Dữ liệu không bao giờ rời khỏi thiết bị — không được tải lên bất kỳ máy chủ nào.

Cách sử dụng

  1. 1Bấm ô mẫu màu và chọn màu, hay dùng Lấy từ màn hình nơi có hỗ trợ.
  2. 2Đọc giá trị hex, RGB và HSL dưới bản xem trước.
  3. 3Bấm Sao chép cạnh định dạng bạn cần.

Chọn màu

Bấm vào ô mẫu màu để phối màu trực quan, hay — trên trình duyệt Chromium — dùng Lấy từ màn hình để bắt mẫu bất kỳ điểm ảnh nào đang trên màn hình. Giá trị chọn được hiện đồng thời dạng hex, rgb() và hsl(), mỗi loại một nút sao chép riêng.

Việc lấy mẫu dùng EyeDropper API dựng sẵn của trình duyệt và đọc điểm ảnh cục bộ; không có gì được ghi lại, tải lên hay lưu. Trên trình duyệt không có API, ô nhập mẫu màu vẫn giữ mọi thứ hoạt động.

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

Vì sao “Lấy từ màn hình” không hiện?

EyeDropper API hiện có ở các trình duyệt nền Chromium (Chrome, Edge, Brave, Opera). Firefox và Safari chưa cung cấp nên các trình duyệt đó chỉ hiện ô nhập mẫu màu — phần còn lại hoạt động giống hệt.

Hex, RGB và HSL khác nhau thế nào?

Chúng mô tả cùng một màu theo ba cách: hex gói đỏ-lục-lam thành #RRGGBB cho CSS và công cụ thiết kế; rgb() nêu ba kênh bằng số; hsl() biểu diễn sắc độ, độ bão hòa và độ sáng — dễ dựng bảng màu và trạng thái hover bằng tay hơn.

Việc lấy mẫu màn hình có riêng tư?

Có. EyeDropper API hiển thị bộ chọn hệ thống và chỉ trả về đúng điểm ảnh bạn bấm; việc đọc diễn ra trong trình duyệt và không ảnh chụp, lịch sử hay giá trị nào được truyền hay lưu.

Công cụ liên quan

Tất cả công cụ Tiện ích →

Chuyển đổi màu

Dán màu dạng hex, rgb() hay hsl() và nhận cả ba định dạng cùng một dải tints và shades sẵn sàng cho hệ thiết kế của bạn.

Tất cả công cụ →

Trình tạo mã QR

Biến văn bản hay URL bất kỳ thành mã QR sắc nét với kích thước, màu và mức sửa lỗi chỉnh được — tải PNG hay SVG.

Tất cả công cụ →

Trình tạo mã vạch

Tạo mã vạch CODE128, EAN-13 và UPC-A quét được với độ rộng và cao vạch chỉnh được — đầu ra SVG vector, kết xuất trong trình duyệt của bạn.

Tất cả công cụ →

Máy tính tỉ lệ khung hình

Cho tỉ lệ như 16:9 và một chiều, nhận chiều còn thiếu tức thì — kèm preset từ 1:1 tới 21:9 cho video và thiết kế.

Tất cả công cụ →

Nhúng công cụ này

Đưa công cụ này vào trang của bạn bằng một dòng — nó chạy trong trình duyệt của khách.

<iframe src="https://zoyku.com/vi/tools/color-picker?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — color-picker" loading="lazy"></iframe>
100% local processing