Bộ chọn màu
Công cụ chọn màu miễn phí trực tuyến, giá trị HEX/RGB/HSL
Cách chọn màu
Sử dụng bộ chọn màu để chọn màu hoặc nhập giá trị hex trực tiếp. Công cụ hiển thị màu ở định dạng HEX, RGB và HSL đồng thời. Bảng màu nhanh cung cấp các màu thường dùng để chọn nhanh. Nhấp vào bất kỳ giá trị màu nào để sao chép.
Chọn màu cho thiết kế web
Lựa chọn màu tốt đảm bảo khả năng đọc và tiếp cận. Hướng dẫn WCAG khuyến nghị tỷ lệ tương phản ít nhất 4.5:1 cho văn bản thường. Sử dụng HSL để tạo bảng màu hài hòa bằng cách thay đổi saturation và lightness trong khi giữ cùng hue.
▶Định dạng màu nào tốt nhất cho CSS?
Tất cả trình duyệt hiện đại hỗ trợ hex (#FF5733), rgb(255,87,51) và hsl(11,100%,60%). Hex nhỏ gọn nhất. HSL trực quan nhất để tạo biến thể. Sử dụng những gì nhóm bạn thích.
▶Làm thế nào để đảm bảo tương phản màu đủ?
WCAG AA yêu cầu tỷ lệ tương phản 4.5:1 cho văn bản thường và 3:1 cho văn bản lớn. Sử dụng công cụ kiểm tra tương phản để xác minh kết hợp màu của bạn.