Tạo Bảng Màu

Giới thiệu công cụ

Bộ tạo bảng màu tạo ra các sơ đồ màu hài hòa từ bất kỳ màu cơ sở nào sử dụng bảy nguyên tắc lý thuyết màu: bổ sung, tam giác, tương tự, bổ sung phân chia, tứ giác, đơn sắc và sắc độ.

Mỗi mẫu màu hiển thị mã hex và có thể nhấp để sao chép. Công cụ sử dụng không gian màu HSL để tính toán các góc chính xác trên bánh xe màu.

Cách sử dụng

1. Nhấp vào bộ chọn màu hoặc chọn từ 8 mẫu màu định sẵn để đặt màu cơ sở.
2. Chọn sơ đồ hài hòa từ thanh tab.
3. Bảng màu được tạo ngay lập tức — mỗi mẫu hiển thị mã hex.
4. Nhấp vào bất kỳ mẫu nào để sao chép mã hex vào clipboard.

Sơ đồ hài hòa màu sắc

Bổ sung — Hai màu đối diện; tương phản cao. Tam giác — Ba màu cách đều (120°). Tương tự — Màu liền kề trên bánh xe; hài hòa. Bổ sung phân chia — Cơ sở + hai màu lân cận của màu bổ sung. Tứ giác — Bốn màu cách 90°. Đơn sắc — Sắc độ sáng tối của một màu. Sắc độ — Toàn dải độ sáng.

Trường hợp sử dụng

Nhà thiết kế UI/UX xây dựng hệ thống màu cho ứng dụng. Nhà thiết kế đồ họa chọn bảng màu cho nhận diện thương hiệu. Lập trình viên web sao chép mã hex vào biến CSS hoặc cấu hình Tailwind.

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

• Mã màu ở định dạng nào? — Tất cả màu hiển thị ở định dạng hex (#RRGGBB), sẵn sàng dán vào CSS, Figma hoặc bất kỳ công cụ thiết kế nào.
• Mỗi sơ đồ tạo ra bao nhiêu màu? — Bổ sung: 2. Tam giác/Phân chia: 3. Tứ giác: 4. Tương tự: 4. Đơn sắc/Sắc độ: 5–9.
• Sơ đồ nào tốt nhất cho website? — Tương tự cho vẻ ngoài bình yên chuyên nghiệp; bổ sung cho giao diện tương phản cao; đơn sắc cho thiết kế tối giản.