Chạy hoàn toàn trên trình duyệt của bạn - không tải lên, không cần đăng ký.

Bảng chọn màu là gì?

Bảng chọn màu là công cụ giúp chọn chính xác một màu số và sao chép giá trị của màu đó cho thiết kế hoặc mã nguồn. Dùng ô màu, trường HEX, thanh trượt RGB hoặc điều khiển HSL, rồi sao chép ngay giá trị HEX, RGB, HSL, HSV hoặc CMYK. Mọi thứ chạy trong trình duyệt.

Cách dùng

1Chọn hoặc dán màu. Nhấp vào ô màu lớn để mở bảng chọn màu của trình duyệt, hoặc dán giá trị hex 3, 4, 6 hoặc 8 chữ số vào trường HEX.

2Chỉnh các kênh màu. Dùng thanh trượt RGB cho đỏ, xanh lá, xanh dương và alpha, hoặc chỉnh hue, saturation và lightness khi cần cách kiểm soát thân thiện hơn cho thiết kế.

3Sao chép định dạng cần dùng. Sao chép HEX, HEX8, RGB, HSL, HSV hoặc CMYK chỉ bằng một lần nhấp. Bản xem trước và mọi đầu ra cập nhật trực tiếp.

Dành cho ai

Lập trình viên front-end sao chép giá trị HEX, RGB và HSL dùng ngay cho CSS khi xây dựng giao diện.

Nhà thiết kế chỉnh màu thương hiệu theo từng kênh thay vì đoán trong ứng dụng đồ họa.

Đội marketing khớp màu chiến dịch giữa trình tạo email, tài liệu và nội dung mạng xã hội.

Học sinh, sinh viên và người sáng tạo học cách RGB, HSL, HSV và CMYK mô tả cùng một màu.

Bảng chọn màu này bắt đầu bằng ô màu trực quan, sau đó đặt các con số chính xác ngay bên cạnh. Bạn có thể dán giá trị hex CSS như #3366cc, chỉnh kênh đỏ, xanh lá, xanh dương và alpha, hoặc tinh chỉnh hue, saturation và lightness khi làm việc với design system. Giá trị màu không được tải lên - các chuyển đổi diễn ra cục bộ bằng JavaScript.

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

Bảng chọn màu này có miễn phí không?

Có. Bảng chọn màu miễn phí, không cần đăng ký và không giới hạn lượt dùng. Mở trang, chọn màu rồi sao chép định dạng cần dùng.

Màu của tôi có được tải lên đâu không?

Không. Bảng chọn và các chuyển đổi chạy trong trình duyệt bằng JavaScript thông thường. Màu đã chọn không được gửi đến máy chủ.

Tôi có thể sao chép những định dạng màu nào?

Bạn có thể sao chép HEX, HEX 8 chữ số có alpha, RGB hoặc RGBA, HSL hoặc HSLA, HSV và CMYK. Công cụ giữ các định dạng này đồng bộ khi bạn chỉnh sửa.

Tôi có thể dán màu hex không?

Có. Dán giá trị hex CSS 3 chữ số, 4 chữ số, 6 chữ số hoặc 8 chữ số, có hoặc không có ký hiệu #. Giá trị viết tắt sẽ được mở rộng theo quy tắc CSS thông thường.

HEX8 là gì?

HEX8 là màu hex 8 chữ số, trong đó cặp cuối lưu alpha. Ví dụ, #3366cc80 là cùng màu xanh dương đó với độ mờ khoảng 50%.

Nên dùng RGB hay HSL trong CSS?

Dùng RGB khi cần giá trị kênh chính xác hoặc alpha với rgba(). Dùng HSL khi muốn tạo màu nhạt, màu đậm hoặc trạng thái UI liên quan bằng cách thay đổi saturation và lightness.