Color Picker – Công cụ chọn mã màu
Gõ hoặc dán mã, tên màu CSS.
Chữ nên dùng trên màu này: trắng (4,69 : 1) · Kiểm tra tương phản
Trình duyệt này chưa hỗ trợ hút màu trên màn hình (có trên Chrome, Edge máy tính). Lấy màu từ một bức ảnh
rgb(47, 111, 224)
hsl(218, 74%, 53%)
hsb(218, 79%, 88%)
cmyk(79%, 50%, 0%, 12%)
Màu có tên gần nhất:
Xanh hoàng gia
#4169E1
(gần đúng)
Phối màu với màu này · Đổi sang định dạng khác (OKLCH, mã cho code…)
Màu đã sao chép gần đây
Chỉ lưu trên trình duyệt của bạn.
Cách dùng color picker
- Kéo thanh Sắc độ (H) để chọn họ màu: đỏ, vàng, xanh lá, xanh dương, tím…
- Kéo trong vùng màu lớn: sang phải để màu rực hơn, lên trên để màu sáng hơn.
- Tinh chỉnh bằng thanh trượt RGB hoặc HSL nếu cần con số chính xác, hoặc dán thẳng một mã HEX hay tên màu CSS (ví dụ
teal) vào ô mã. - Kéo thanh Độ đục (alpha) nếu cần màu bán trong suốt: mã sẽ chuyển sang HEX 8 ký tự,
rgba()vàhsla(). - Bấm Sao chép ở định dạng cần dùng. Màu vừa sao chép được lưu vào danh sách gần đây trên trình duyệt của bạn.
Hút màu từ bất kỳ đâu trên màn hình
Trên Chrome, Edge và Opera bản máy tính, nút Hút màu trên màn hình cho phép bấm vào một điểm bất kỳ — kể cả ngoài trình duyệt — để lấy mã màu tại đó. Tính năng dùng EyeDropper API; Safari và Firefox chưa hỗ trợ nên nút sẽ tự ẩn. Muốn lấy màu từ một tấm ảnh trên mọi trình duyệt, hãy dùng công cụ lấy mã màu từ hình ảnh.
Ý nghĩa các thanh trượt
| Thông số | Khoảng | Tác dụng |
|---|---|---|
| Sắc độ (Hue) | 0–360° | Vị trí trên vòng tròn màu: 0° đỏ, 120° xanh lá, 240° xanh dương |
| Độ bão hoà (Saturation) | 0–100% | 0% là xám, 100% là màu rực nhất |
| Độ sáng (Lightness) | 0–100% | 0% là đen, 50% là màu thuần, 100% là trắng |
| R, G, B | 0–255 | Cường độ ánh sáng đỏ, xanh lá, xanh dương trộn thành màu |
| Độ đục (Alpha) | 0–100% | 100% là màu đặc, 0% là trong suốt; nền ca-rô cho thấy mức nhìn xuyên qua |
Mẹo: muốn có phiên bản nhạt hoặc đậm hơn của cùng một màu, giữ nguyên H và S, chỉ đổi L. Đây là lý do HSL được ưa dùng khi xây hệ màu cho giao diện. Cần đủ 11 bậc từ nhạt đến đậm? Dùng công cụ tạo thang màu 50–950.
Màu hiển thị có chính xác không?
Mã màu luôn chính xác về mặt số học, nhưng cảm nhận màu phụ thuộc màn hình của bạn: độ sáng, chế độ Night Shift/True Tone và dải màu của tấm nền đều làm màu trông khác đi. Khi cần đối chiếu nghiêm ngặt, hãy tắt các chế độ lọc ánh sáng và so trên màn hình đã cân màu. Riêng với bản in, xem vì sao màu in ra khác màn hình.
