Color Picker
Color Picker — chạy trên trình duyệt. Không lưu dữ liệu.
Chọn màu
Chọn màu bằng bộ chọn gốc để xem HEX, RGB và HSL cùng lúc. Chỉ cần RGB↔HEX thì dùng công cụ chuyển RGB HEX.
Cách sử dụng
- Nhấn Chọn màu và chọn trong bộ chọn màu gốc của hệ điều hành. Mặc định là #1a5cff.
- Mẫu bên dưới và các ô HEX, RGB, HSL cập nhật cùng lúc.
- Sửa HEX cũng cập nhật RGB và HSL. HEX ngắn 3 chữ số được mở rộng thành 6 chữ số.
- Sao chép HEX đặt HEX hiện tại lên clipboard.
- Đặt lại khôi phục xanh mặc định. Ô RGB và HSL chỉ đọc.
Khái niệm chính
Bộ chọn màu hiện màu chọn bằng mắt thành HEX, RGB và HSL cùng lúc. HEX phổ biến nhất trong CSS; RGB là 0–255 tách dấu phẩy; HSL là góc hue, bão hòa và độ sáng. Khóa cập nhật nội bộ giữ bộ chọn và ô HEX không ghi đè nhau. UI bộ chọn gốc trông khác mỗi hệ điều hành. Hộp mẫu dùng HEX hiện tại làm nền để bạn thấy tương phản ngay. Ô HEX tối đa 7 ký tự.
Màn hình này tập trung chọn và kiểm HSL. Để đổi số RGB nhanh, dùng chuyển RGB HEX; để lấy pixel từ ảnh, dùng trích màu ảnh. Giá trị màu không lưu trên máy chủ. Không có ô sửa RGB hay HSL bằng tay; số chỉ để hiện. Rời trang thì màu đã chọn mất, nên chép HEX nếu cần.
Ví dụ
Mặc định #1a5cff là RGB 26, 92, 255 và HSL khoảng 224°, 100%, 55%. Dán HEX hướng dẫn thương hiệu vào ô thì bộ chọn và mẫu theo. Sau khi chọn màu nút hoặc liên kết, chép HEX vào stylesheet. #fff mở rộng thành #ffffff với RGB 255, 255, 255. Với nút nền tối, kiểm trên mẫu rằng độ sáng HSL không quá thấp.
Liên quan: chuyển đổi RGB HEX · trích màu từ ảnh
Câu hỏi thường gặp
HEX, RGB và HSL đều hiện trong bộ chọn màu không?
Có. Đổi bộ chọn hoặc HEX cập nhật cả ba ô. RGB và HSL chỉ hiện, không sửa trực tiếp. Có ba ký hiệu một chỗ tiện cho tài liệu token thiết kế. HSL hữu ích khi đánh giá chỉnh bão hòa.
Gõ mã HEX trực tiếp được không?
Được. Tối đa 7 ký tự gồm #. Mã 3 chữ số như #abc mở rộng thành #aabbcc. Ký tự không hợp lệ bị bỏ. Chuỗi sai độ dài có thể phân tích thất bại và giữ màu trước. Chỉ hex 6 chữ số đáng tin.
Bộ chuyển RGB HEX khác bộ chọn màu thế nào?
Bộ chuyển đổi chỗ ô RGB/HEX; trang này có bộ chọn gốc cộng HSL và mẫu. Dùng bộ chuyển khi chỉ cần số; dùng công cụ này để chọn bằng mắt. Bộ chuyển không có bộ chọn. Dùng trang này nếu cần mẫu và HSL.
Nút Sao chép HEX ở đâu?
Sao chép HEX ở dưới. Trình duyệt hỗ trợ đặt #rrggbb lên clipboard. Nếu quyền clipboard bị chặn, sao chép có thể thất bại im lặng. Khi đó tự kéo ô HEX.
Sửa giá trị HSL trực tiếp được không?
Ô HSL chỉ đọc. Để khớp hue, bão hòa và độ sáng bằng số, dùng bộ chọn hoặc đổi HEX. Xoay bánh bộ chọn cập nhật góc hue HSL. Không có nhập số bão hòa/độ sáng.
Màu đã chọn có lưu trên máy chủ không?
Không lưu hay gửi. Tải lại về màu mặc định. Tải lại về #1a5cff. Để gom nhiều màu, ghi HEX đã chép riêng.
Cập nhật lần cuối: 2026-09-04