Tạo bộ màu từ 1 màu

Từ 1 mã màu ra 11 sắc độ đều mắt theo OKLCH, mỗi ô ghi độ tương phản WCAG. Chép biến CSS cho giao diện web.

Cách dùng

Chọn hoặc dán mã màu thương hiệu.
Xem 11 sắc độ từ rất nhạt đến rất đậm. Mỗi ô ghi độ tương phản để biết chữ đặt lên có dễ đọc không.
Đặt tên bộ màu rồi chép mã biến CSS vào giao diện.

Sao bộ màu đều mắt hơn cách pha trắng, pha đen?

Công cụ tính theo hệ màu OKLCH, bám theo cách mắt người cảm nhận độ sáng, nên các bậc đều nhau và không bị xỉn.

Màu gốc của tôi có bị đổi không?

Không. Màu gốc giữ nguyên ở bậc gần nhất, các bậc còn lại tính quanh nó.

Số 4.5:1 nghĩa là gì?

Là mức tương phản tối thiểu để chữ thường dễ đọc theo chuẩn WCAG AA. Dưới mức đó chỉ nên dùng cho chữ lớn.