Trình tạo màu pha trắng

Tạo thang màu sáng

Các hệ thống thiết kế thường tạo các bậc màu sáng hơn bằng cách trộn với màu trắng; tint-color() của Bootstrap cũng hoạt động như vậy. Các sắc độ chứa khoảng 80–95% màu trắng tạo nền cho cảnh báo, hàng được chọn và huy hiệu, còn 20–40% cho phiên bản dịu hơn của màu thương hiệu để dùng khi di chuột và trong hình minh họa. Hãy tạo từng bậc từ màu cơ sở ban đầu thay vì tiếp tục làm sáng một sắc độ đã làm sáng, để phần trăm vẫn có ý nghĩa, và giữ màu cơ sở cho văn bản hoặc biểu tượng trên các bậc sáng nhất.

Vì sao sắc độ sáng có thể trông như phấn

Thêm màu trắng làm giảm độ bão hòa đồng thời tăng độ sáng, nên các sắc độ nhạt có thể trông như sữa, đặc biệt màu lam có thể ngả sang tím oải hương. Nếu một bậc sáng trông không đúng, hãy thử màu cơ sở bão hòa hơn một chút, hoặc đặt trực tiếp độ sáng trong bộ chuyển đổi màu rồi so sánh. Văn bản tối trên sắc độ sẽ dễ đạt độ tương phản hơn khi sắc độ sáng hơn; hãy kiểm tra cặp màu bạn dùng bằng công cụ kiểm tra độ tương phản.

Cách sử dụng

1. Nhập giá trị #RGB hoặc #RRGGBB hợp lệ cùng phần trăm mong muốn.
2. Chạy phép biến đổi màu cố định ngay trong trình duyệt.
3. Xem các ô màu, rồi sao chép kết quả hoặc các giá trị trong bảng màu.

Quyền riêng tư và giới hạn

Các giá trị màu được giữ trên thiết bị này. Kết quả độ tương phản là công cụ kiểm tra toán học, không phải sự bảo đảm chung về việc tuân thủ WCAG; bối cảnh, cách hiển thị phông chữ, độ tương phản của thành phần không phải văn bản và trạng thái giao diện người dùng vẫn cần được xem xét.