Irodori彩り

Trình chỉnh bảng màu

Tạo, khóa, sắp xếp và xuất bảng màu từ một màu gốc. Mọi thứ chạy cục bộ trong trình duyệt.

Tạo bảng màu

#104E8B

Quy tắc hài hòa hoạt động thế nào?

Quy tắc hài hòa xoay vòng màu theo một góc cố định: tương đồng nằm cạnh nhau, bổ sung đối diện, bộ ba và bộ bốn phân bố đều.

Khóa những màu muốn giữ rồi tạo lại phần còn lại. Màu đã khóa giữ nguyên, màu chưa khóa theo quy tắc mới.

Xây dựng bảng màu UI dễ tiếp cận

Bắt đầu với một màu thương hiệu, tạo thang trung tính từ cùng sắc độ và dành màu bão hòa cao cho hành động và trạng thái.

Kiểm tra từng cặp chữ/nền bằng công cụ tương phản trước khi phát hành và chuẩn bị biến thể đậm/nhạt cho hover và pressed.

Câu hỏi thường gặp

Cài đặt hài hòa thay đổi điều gì?
Nó thay đổi cách xoay vòng màu khi tạo màu. Tự động dùng phân bố cân bằng, các chế độ khác theo lý thuyết màu cổ điển.
Có thể giữ nguyên một số màu không?
Có. Dùng nút khóa trên ô màu; màu đã khóa được giữ khi tạo lại và sắp xếp.
Làm sao xuất bảng màu?
Sao chép biến CSS, tải dải PNG hoặc lưu bảng màu trong trình duyệt bằng nút dấu trang.
Bảng màu chứa tối đa bao nhiêu màu?
Có thể thêm tối đa tám màu, chèn giữa hai màu và kéo để sắp xếp.