Tạo bảng phối màu từ một màu gốc
Chọn một màu gốc, công cụ dựng ra bảng phối theo sáu kiểu quen thuộc của lý thuyết màu: bổ túc, lân cận, tam giác, bổ túc tách, tứ giác và đơn sắc. Mỗi màu kèm mã HEX bấm một cái là chép, dán thẳng vào CSS hay Figma.
Cách dùng
- Chọn màu gốc — thường là màu thương hiệu của bạn.
- Đổi kiểu phối để xem cách sắp xếp khác nhau. Dòng chú thích cho biết kiểu đó hợp với việc gì.
- Bấm một ô màu để lấy nó làm màu gốc mới, hoặc chép cả bảng dưới dạng biến CSS.
- Trước khi chốt, đưa cặp màu chữ và màu nền sang công cụ kiểm tra tương phản.
Câu hỏi thường gặp
Nên chọn kiểu phối nào cho một trang web?
Lân cận hoặc đơn sắc là an toàn nhất cho nền và mảng lớn, rồi lấy một màu bổ túc làm nút bấm và chỗ cần gây chú ý. Tam giác và tứ giác sống động nhưng dễ rối nếu dùng đều tay.
Bảng phối tạo ra có chắc là đọc được không?
Không tự động. Lý thuyết màu nói về sự hài hoà, không nói về độ tương phản. Hãy đem cặp màu chữ và nền sang công cụ kiểm tra tương phản trước khi chốt.
Vì sao màu gốc luôn có mặt trong bảng?
Vì bạn đã chọn nó. Nhiều công cụ đưa màu gốc đi một vòng đổi hệ rồi trả về lệch đi một chút — chỉ khác một đơn vị nhưng đủ để không khớp với mã thương hiệu của bạn.
Kiểu đơn sắc khác gì với việc tự chỉnh độ sáng?
Về bản chất là một, nhưng công cụ giữ nguyên sắc và độ tươi, chỉ đổi độ sáng theo năm bậc đều nhau, và không để bậc nào chạm đen hay trắng — vì mắt xích đó sẽ mất hết sắc và cả dải mất một bậc dùng được.
Cập nhật lần cuối . Công cụ chạy hoàn toàn trên trình duyệt — dữ liệu bạn nhập không rời khỏi máy.