Chọn màu và chuyển đổi giữa HEX, RGB, HSL với kiểm tra tương phản WCAG
#1E40AFrgb(30, 64, 175)hsl(226, 71%, 40%)Sample Text
Tỷ lệ tương phản: 8.72:1
Tạo gradient CSS đẹp mắt với xem trước trực tiếp và xuất code
Chuyển đổi màu giữa HEX, RGB, HSL, HSV và CMYK
Tạo bảng màu hài hòa từ một màu cơ sở
Kiểm tra tỷ lệ tương phản màu theo tiêu chuẩn WCAG
Công cụ chọn và chuyển đổi màu sắc trực tuyến miễn phí giúp bạn chọn màu trực quan và chuyển đổi tức thì giữa các định dạng HEX, RGB và HSL. Ngoài ra, công cụ tích hợp kiểm tra tương phản theo chuẩn WCAG (Web Content Accessibility Guidelines), giúp đảm bảo website của bạn dễ đọc cho mọi người dùng kể cả người khiếm thị. Trong thiết kế web tại Việt Nam, việc chọn màu phù hợp đóng vai trò quan trọng trong xây dựng nhận diện thương hiệu. Nhiều doanh nghiệp Việt ưa chuộng tông màu đỏ — vàng truyền thống hoặc các gam màu hiện đại phù hợp với đối tượng trẻ. Công cụ này hỗ trợ bạn thử nghiệm tổ hợp màu nhanh chóng, kiểm tra tỷ lệ tương phản giữa chữ và nền để đảm bảo người dùng đọc được nội dung trên mọi thiết bị. Theo tiêu chuẩn WCAG 2.1, tỷ lệ tương phản tối thiểu giữa văn bản và nền là 4.5:1 cho chữ thường và 3:1 cho chữ lớn. Công cụ tự động kiểm tra và báo kết quả đạt/không đạt, giúp lập trình viên và designer Việt Nam xây dựng website tuân thủ chuẩn truy cập quốc tế. Mọi xử lý diễn ra trên trình duyệt, không gửi dữ liệu lên server.
HEX → RGB: Tách chuỗi HEX thành 3 cặp ký tự, chuyển mỗi cặp từ hệ 16 sang hệ 10. Ví dụ: #1E40AF → R=30, G=64, B=175 RGB → HSL: Tính Hue (sắc độ), Saturation (độ bão hòa) và Lightness (độ sáng) từ giá trị R, G, B. Ví dụ: rgb(30, 64, 175) → hsl(226°, 71%, 40%) Tương phản WCAG = (L1 + 0.05) / (L2 + 0.05), trong đó L1 và L2 là luminance tương đối của hai màu.