Tại sao màu trên màn hình khi in ra giấy lại bị xỉn hơn?

Không gian màu RGB trên màn hình hiển thị rộng hơn dải màu (Gamut) của hệ 4 màu mực in CMYK. Khi chuyển từ RGB sang CMYK, những màu quá rực (như xanh neon) sẽ bị ép về dải màu in được nên trông sẽ trầm hơn.

Tiêu chuẩn tiếp cận màu sắc WCAG là gì?

WCAG (Web Content Accessibility Guidelines) là bộ hướng dẫn quốc tế đảm bảo nội dung số có thể tiếp cận được đối với mọi người, bao gồm người có thị lực kém hoặc mù màu, thông qua việc duy trì độ tương phản thích hợp giữa chữ và màu nền.

Công cụ có hỗ trợ sao chép biến màu CSS không?

Có. Bạn có thể nhấn sao chép 1-click cho từng định dạng HEX, RGB, HSL hoặc khai báo biến CSS Custom Property tiện lợi.

Tôi có thể trích xuất bảng màu phối hợp (Palette) từ màu gốc không?

Có. Công cụ tự động gợi ý các bảng màu bổ túc (Complementary), tương đồng (Analogous), tam giác màu (Triadic) và đơn sắc (Monochromatic) từ mã màu bạn nhập.

Hình ảnh & Thiết kếColorChuẩn WCAG 2.1🔒 Bảo Mật & Riêng Tư • Miễn Phí Không Giới Hạn

Chuyển Đổi Hệ Màu & Kiểm Tra Tương Phản WCAG

Bộ công cụ chuyển đổi màu sắc chuyên nghiệp cho Designer & Developer: Chuyển đổi qua lại giữa HEX, RGB, HSL, CMYK, CSS Color, tạo bảng phối màu (Palette) và kiểm tra độ tương phản tương thích chuẩn tiếp cận WCAG 2.1.

Công cụ liên quan: Chuyển Đổi Hệ Màu & Kiểm Tra Tương Phản WCAG

Các bước được chọn theo nhóm công việc; không phải mọi tiện ích đều cần liên kết luồng.

Chuyển Đổi Định Dạng Ảnh WebP/PNG/JPG Nén & Giảm Dung Lượng Ảnh

Hướng Dẫn Chuyển Đổi Mã Màu & Kiểm Tra Tương Phản

Các bước thao tác đơn giản và chuẩn xác nhất

Nhập mã màu hoặc dùng bảng chọn màu

Nhập mã màu HEX (ví dụ: #10B981), RGB, HSL hoặc chọn màu trực tiếp bằng công cụ Color Picker.

Xem kết quả quy đổi sang tất cả các hệ màu

Nhận tức thì các mã màu tương ứng ở hệ RGB, HSL, HSV, CMYK (in ấn) và CSS RGBA.

Kiểm tra độ tương phản chữ & nền (WCAG)

Đo tỷ lệ tương phản Contrast Ratio để kiểm tra xem màu chữ trên nền có đạt chuẩn tiếp cận WCAG AA / AAA hay không.

Công Thức Quy Đổi Giữa Không Gian Màu & Tiêu Chuẩn WCAG

Minh bạch công thức và phương pháp tính toán chuẩn

HEX chuyển đổi sang RGB qua hệ cơ số 16: R = Hex[0..1], G = Hex[2..3], B = Hex[4..5]. Độ tương phản WCAG: (L1 + 0.05) / (L2 + 0.05) với L là độ sáng tương đối (Relative Luminance).

Hệ màu	Cấu trúc dữ liệu	Phạm vi giá trị	Lĩnh vực ứng dụng chính
HEX	#RRGGBB hoặc #RRGGBBAA	#000000 đến #FFFFFF	Thiết kế Web, CSS, giao diện phần mềm UI
RGB / RGBA	rgb(r, g, b) / rgba(r, g, b, a)	0 - 255 mỗi kênh	Màn hình hiển thị điện tử, đồ họa kỹ thuật số
HSL	hsl(Hue, Saturation, Lightness)	H: 0-360°, S: 0-100%, L: 0-100%	Phối màu đồ họa, thiết kế hệ thống Design System
CMYK	cmyk(Cyan, Magenta, Yellow, Key/Black)	0 - 100% mỗi kênh	Ngành in ấn công nghiệp (Offset, Kỹ thuật số, Bao bì)

Chuẩn WCAG 2.1 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 văn bản lớn.

Chuẩn WCAG 2.1 AAA khắt khe yêu cầu tỷ lệ tối thiểu 7:1 đối với văn bản thông thường.

Câu Hỏi Thường Gặp (FAQs)

Giải đáp các thắc mắc phổ biến về tiện ích này

RGB là hệ màu cộng (Additive Color) hoạt động bằng cách phát xạ ánh sáng trên các màn hình điện tử (màu kết hợp tối đa tạo ra màu trắng). CMYK là hệ màu trừ (Subtractive Color) hoạt động bằng mực in hấp thụ ánh sáng trên giấy (màu kết hợp tối đa tạo ra màu đen).