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ỷ lệ tương phản WCAG giữa màu HEX tiền cảnh và màu nền, đồng thời xem nó có đạt AA và AAA cho cả văn bản thường và lớn hay không.
Trình tạo Gradient CSS
Tạo gradient CSS tuyến tính, hướng tâm hoặc nón với các điểm dừng màu tùy chỉnh và một góc, xem trước kết quả trực tiếp và sao chép quy tắc background sẵn sàng để dán.