Tạo bảng màu Trang chủ

Công cụ tạo bảng màu

Chỉnh từng màu theo ý bạn, tạo cách phối màu mới và xuất bảng màu dưới dạng HEX, CSS, Tailwind hoặc JSON.

Thêm công cụ miễn phí

Xem tất cả công cụ miễn phí →

Công cụ tạo bảng màu miễn phí

Tạo bảng màu và phối màu chỉ trong vài giây: nhấn phím cách để tạo bảng màu mới, khóa những màu bạn thích và chỉnh các màu còn lại cho đến khi có được sự kết hợp hoàn hảo. Sao chép mã màu HEX hoặc xuất bảng màu sang CSS, SCSS, Tailwind hay JSON để dùng cho website, Figma, Canva hay bất kỳ dự án nào. Hoàn toàn miễn phí và không cần đăng ký tài khoản.

Cách tạo bảng màu

  1. Tạo mớiNhấn phím cách hoặc nút “Tạo mới” để xem các cách phối màu mới.
  2. KhóaDùng biểu tượng ổ khóa để giữ lại những màu bạn muốn.
  3. Tinh chỉnhChạm vào một màu để đổi màu bằng bảng chọn màu, di chuyển hoặc xóa màu đó.
  4. XuấtSao chép mã HEX, tải ảnh xuống hoặc xuất sang CSS, SCSS, Tailwind hay JSON.

Bạn có thể làm gì

Thêm công cụ màu sắc

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

Công cụ tạo bảng màu có miễn phí không?

Có. Bạn có thể tạo, lưu và xuất bao nhiêu bảng màu tùy thích mà không phải trả phí và không cần tạo tài khoản.

Làm sao dùng bảng màu trong Figma, Canva hoặc CSS?

Sao chép mã HEX của từng màu rồi dán vào công cụ của bạn, hoặc dùng “Xuất” để lấy biến CSS, biến SCSS, cấu hình Tailwind hoặc tệp JSON.

Làm sao để có những màu phối hợp đẹp với nhau?

Khóa một hoặc hai màu bạn thích rồi tạo các màu còn lại: công cụ sẽ gợi ý những tông màu hài hòa với chúng. Bạn cũng có thể bắt đầu từ một bức ảnh với công cụ tạo bảng màu từ ảnh.

Bảng màu của tôi có được lưu lại không?

Những bảng màu bạn lưu vào yêu thích được lưu trong trình duyệt, nên bạn sẽ thấy lại chúng khi quay lại trên cùng thiết bị.

Xuất bảng màu