Tạo bảng màu
Tạo bảng màu 5 màu từ một quy tắc màu hoặc một bức ảnh, kiểm tra độ tương phản của chữ và sao chép mã.
Cách sử dụng
- Chọn một quy tắc như màu tương tự hoặc bổ sung, hoặc chuyển sang “Từ một hình ảnh”.
- Nhấn Tạo (hoặc phím cách) và khóa những màu bạn muốn giữ.
- Sao chép mã HEX hoặc biến CSS, tải PNG xuống, hoặc lưu bảng màu làm màu thương hiệu của bạn.
Tạo bảng màu
Các quy tắc hài hòa dựa trên vòng tròn màu: màu tương tự nằm cạnh nhau, màu bổ sung nằm đối diện, bộ ba màu cách nhau 120°. Mỗi ô màu cho thấy chữ đen hay chữ trắng dễ đọc hơn trên đó, kèm tỷ lệ tương phản WCAG — 4,5:1 là mức tối thiểu cho chữ thông thường.
“Từ một hình ảnh” tìm các màu chính bằng phân cụm k-means trên một bản sao nhỏ của ảnh. Lưu làm màu thương hiệu sẽ chỉ lưu bốn màu trong trình duyệt này để các công cụ tạo logo, favicon và ảnh thu nhỏ dùng được.
Câu hỏi thường gặp
Khóa có tác dụng gì?
Các màu đã khóa được giữ nguyên khi bạn tạo lại, nên bạn có thể xây dựng bảng màu quanh những màu mình đã thích.
Ảnh của tôi có bị tải lên khi trích xuất màu không?
Không. Các màu được tính trong trình duyệt của bạn.
Tôi nên dùng định dạng nào trong CSS?
HEX là phổ biến nhất; công cụ cũng cung cấp biến CSS sẵn sàng để dán.