Công Cụ Tạo Bảng Màu - Bảng Màu Ngẫu Nhiên & Hài Hòa
Tạo ra các bảng màu 5 màu hài hòa. Khóa màu, nhấn Space để xáo trộn và xuất dưới dạng CSS hoặc Tailwind. Miễn phí.
Công Cụ Tạo Bảng Màu Là Gì?
Công cụ tạo bảng màu tạo ra các tổ hợp màu hài hòa dựa trên lý thuyết màu sắc. Nó tạo ra các bảng màu 5 màu bằng cách sử dụng các chế độ như tương đồng, bổ sung, bộ ba, bổ sung xen kẽ và đơn sắc — giúp các nhà thiết kế và phát triển tìm thấy các phối màu gắn kết cho các trang web, ứng dụng và các dự án thiết kế đồ họa.
Cách Tạo Bảng Màu
- Chọn chế độ hòa sắc — Chọn từ Tương Đồng, Bổ Sung, Bộ Ba, Bổ Sung Xen Kẽ hoặc Đơn Sắc
- Tạo — Nhấn Space hoặc tải lại để nhận một bảng màu mới
- Khóa màu — Nhấp vào biểu tượng khóa trên bất kỳ màu nào bạn muốn giữ
- Sao chép — Nhấp vào bất kỳ mẫu màu hoặc thẻ chi tiết nào để sao chép giá trị HEX
- Xuất — Sao chép toàn bộ bảng màu dưới dạng biến CSS hoặc cấu hình Tailwind
Tại Sao Nên Sử Dụng Công Cụ Tạo Bảng Màu Này?
- 5 Chế Độ Hòa Sắc — Tương đồng, bổ sung, bộ ba, bổ sung xen kẽ và đơn sắc
- Khóa & Xáo Trộn — Giữ lại những màu bạn thích trong khi tạo lại những màu còn lại
- Tất Cả Định Dạng — HEX, RGB và HSL được hiển thị cho mọi màu
- Xuất Mã — Sao chép thuộc tính tùy chỉnh CSS hoặc cấu hình Tailwind ngay lập tức
- Phím Tắt — Nhấn Space để tạo bảng màu mới một cách nhanh chóng
FreeToolbox So Với Các Công Cụ Tạo Bảng Màu Khác
| Tính Năng | FreeToolbox | Coolors | Adobe Color |
|---|---|---|---|
| Chế Độ Hòa Sắc | 5 chế độ | Thủ công + AI | 6 chế độ |
| Khóa Màu | Có | Có | Không |
| Xuất Mã | CSS + Tailwind | Đa dạng | Không |
| Đăng Ký | Không | Miễn phí (giới hạn) | Tài khoản Adobe |
| Quảng Cáo | Tối thiểu | Quảng cáo biểu ngữ | Không |
Câu hỏi thường gặp
Làm cách nào để tạo một bảng màu mới?
Nhấn phím Space trên bàn phím của bạn hoặc nhấp vào bất kỳ nút chế độ hòa sắc nào. Các màu đã khóa sẽ giữ nguyên trong khi các màu còn lại được tạo lại.
Chế độ hòa sắc là gì?
Chế độ hòa sắc sử dụng lý thuyết màu sắc để tạo ra các tổ hợp hài hòa. Tương đồng sử dụng các tông màu liền kề, bổ sung sử dụng các tông màu đối diện, bộ ba sử dụng ba tông màu cách đều nhau, bổ sung xen kẽ sử dụng một tông màu cộng với hai tông màu liền kề với tông màu bổ sung của nó và đơn sắc thay đổi độ sáng của một tông màu duy nhất.
Tôi có thể khóa một màu mà tôi thích không?
Có. Nhấp vào biểu tượng khóa trên bất kỳ mẫu màu nào. Khi bạn tạo một bảng màu mới, các màu đã khóa sẽ không thay đổi.
Những định dạng nào được hỗ trợ?
Mỗi màu hiển thị các giá trị HEX, RGB và HSL. Nhấp vào bất kỳ giá trị nào để sao chép nó vào khay nhớ tạm của bạn.
Làm cách nào để xuất bảng màu?
Sử dụng các tab xuất bên dưới bảng màu để lấy các thuộc tính tùy chỉnh CSS (biến :root) hoặc một đoạn cấu hình Tailwind CSS, sau đó nhấp vào Sao chép.