Công cụ đổi mã màu

Cùng một màu có ba cách viết và mỗi cách phục vụ một việc khác nhau. HEX gọn nên dùng trong CSS và trong file thiết kế. RGB cho ba kênh tách rời nên tiện khi lập trình đồ hoạ hoặc chỉnh từng kênh. HSL mô tả màu theo cách con người nghĩ — sắc độ, độ bão hoà, độ sáng — nên khi cần một dải màu cùng tông chỉ khác độ đậm nhạt thì đổi mỗi con số độ sáng là xong, việc mà với HEX phải mò từng mã. Nhưng phần có ích nhất của công cụ này lại là hai dòng cuối. Nó tính ĐỘ SÁNG CẢM NHẬN theo công thức của chuẩn WCAG rồi trả lời thẳng: nền màu này nên đặt chữ đen hay chữ trắng, và độ tương phản đạt được là bao nhiêu. Con số tương phản phải từ 4,5:1 trở lên thì chữ cỡ thường mới đạt chuẩn WCAG mức AA; chữ lớn từ 18px đậm trở lên thì 3:1 là đủ. Công thức này không phải trung bình cộng ba kênh — nó nhân trọng số khác nhau cho từng kênh vì mắt người nhạy với màu xanh lá hơn màu đỏ và nhạy với màu đỏ hơn màu xanh dương. Đó là lý do nền vàng chói chang lại cần chữ đen, còn nền xanh dương đậm thì cần chữ trắng, dù cảm giác ban đầu có thể ngược lại.