Về công cụ này
Hòa sắc màu là các mối quan hệ sắc độ lấy trực tiếp từ vòng tròn màu: bổ túc (complementary) ghép hai sắc độ đối lập để có độ tương phản tối đa, tương tự (analogous) nhóm ba sắc độ liền kề để tạo cảm giác êm dịu, gắn kết, bộ ba (triadic) đặt ba sắc độ cách đều nhau cho vẻ ngoài sống động nhưng vẫn cân bằng, bộ bốn (tetradic) đặt bốn sắc độ cách đều nhau cho bảng màu phong phú nhưng khó cân bằng hơn, và bổ túc phân chia (split-complementary) thay thế màu bổ túc thực sự duy nhất bằng hai sắc độ liền kề nó — giữ phần lớn độ tương phản của phối màu bổ túc nhưng ít căng thẳng thị giác hơn.
Chọn một màu gốc, chọn một phối màu, và công cụ này tính toán mọi sắc độ còn lại với cùng độ bão hòa và độ sáng để cả bộ trông như cùng một họ màu. Mỗi ô màu hiển thị giá trị hsl() chính xác của nó và sao chép vào clipboard khi nhấp — dán thẳng vào CSS. Mọi thứ chạy cục bộ trong trình duyệt của bạn; không có gì được tải lên, và màu gốc cùng phối màu gần nhất của bạn được ghi nhớ cho lần sau.
Câu hỏi thường gặp
Tôi nên dùng phối màu nào cho một trang web?
Phối màu tương tự thường trông êm dịu và gắn kết cho các trang nội dung, trong khi phối màu bổ túc hoặc bổ túc phân chia tạo độ tương phản mạnh hơn cho các nút kêu gọi hành động — hãy thử vài kiểu để xem cái nào hợp với thương hiệu của bạn.
Công cụ này có tính đến khả năng tiếp cận/độ tương phản màu sắc không?
Không — các phối màu chỉ là toán học về tông màu thuần túy, không kiểm tra độ tương phản. Luôn kiểm tra riêng các cặp chữ/nền theo tỷ lệ tương phản WCAG trước khi triển khai.