Chuyển đổi Mã màu & Kiểm tra Độ tương phản - HEX, RGB, HSL, CMYK

Chuyển đổi qua lại giữa các hệ màu HEX, RGB, HSL, CMYK cho thiết kế và lập trình web. Kiểm tra tiêu chuẩn tương phản tiếp cận WCAG 2.1 (AA/AAA).

Xem trước độ tương phản chữ

Giá trị quy đổi

RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
CMYKcmyk(76%, 47%, 0%, 4%)

Độ tương phản tiếp cận (WCAG)

Chữ màu trắng0.00:1
Chữ thường (Normal Text) (AA)Không đạt
Chữ lớn (Large Text) (AA)Không đạt
Chữ màu đen0.00:1
Chữ thường (Normal Text) (AA)Không đạt
Chữ lớn (Large Text) (AA)Không đạt

Hướng dẫn sử dụng

  1. Nhập mã màu ở bất kỳ định dạng nào (ví dụ: #3b82f6 hoặc rgb(59, 130, 246)).
  2. Xem bảng quy đổi giá trị tương ứng ở tất cả các hệ màu.
  3. Kiểm tra đánh giá đạt chuẩn WCAG cho văn bản thường và văn bản lớn.

Tính năng cốt lõi

  • Chuyển đổi mã màu tức thì giữa HEX, RGB, HSL và CMYK in ấn.
  • Kiểm tra tỷ lệ tương phản độ sáng theo tiêu chuẩn tiếp cận Web Accessibility WCAG 2.1.
  • Xem trước khả năng đọc chữ trên nền sáng và nền tối thực tế.
  • Bảng chọn màu trực quan và sao chép mã màu một chạm.

Công cụ liên quan

Nguyên lý tính toán

Biến đổi không gian màu tuyến tính sRGB sang tọa độ HSL hình trụ và trừ sắc tố CMYK bù trừ.

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

Chuẩn WCAG AA yêu cầu tỷ lệ tương phản bao nhiêu?

Chuẩn WCAG AA yêu cầu tỷ lệ tương phản tối thiểu 4.5:1 đối với văn bản thông thường và 3:1 đối với chữ cỡ lớn.