Màu → hệ thống thiết kế
Nhập một màu và tự động tạo một bảng màu, một dải chuyển sắc, và một bài kiểm tra độ tương phản AA/AAA.
Màu → hệ thống thiết kế — Một quy trình màu đã được kết nối sẵn: một mã HEX chảy vào trình tạo bảng màu, mà các màu nền và màu bổ sung của nó nuôi một trình kiểm tra độ tương phản (AA/AAA) và một trình tạo dải chuyển sắc CSS cùng một lúc. Chọn một màu, nhận cả một hệ thống thiết kế.
Công cụ đi kèm
Trình chuyển đổi màu
Chuyển đổi màu giữa HEX, RGB và HSL với bản xem trước trực tiếp.
Trình tạo bảng màu
Tạo các sắc độ, tông màu và màu hài hòa từ một màu HEX gốc, mỗi màu kèm giá trị HEX có thể sao chép.
Trình kiểm tra độ tương phản màu
Kiểm tra độ tương phản WCAG 2.1 và điểm APCA Lc giữa màu chữ và màu nền, xem các nhãn AA, AAA và 3:1, rồi áp dụng màu đạt gần nhất.
Trình tạo Gradient CSS
Tạo gradient CSS tuyến tính, hướng tâm và nón một cách trực quan với thanh điểm dừng có thể kéo, xếp lớp, bảng màu ngẫu nhiên và quy tắc sẵn sàng sao chép.