Công cụ này có miễn phí không?

Có, hoàn toàn miễn phí — không đăng ký, không tài khoản, không giới hạn ẩn. Chỉ cần mở trang và bắt đầu tạo bảng màu.

Dữ liệu màu của tôi có được tải lên máy chủ không?

Không. Toàn bộ công cụ chạy trong trình duyệt bằng JavaScript. Không có gì được gửi đến máy chủ — dữ liệu bảng màu chỉ lưu trong localStorage của trình duyệt.

Công cụ tạo bảng màu có hoạt động offline không?

Có. Sau khi trang đã tải, công cụ hoạt động hoàn toàn offline. Không cần gọi API ngoài hay phụ thuộc CDN nào.

Sự khác nhau giữa các chế độ hòa phối là gì?

Ngẫu nhiên chọn năm tông màu không liên quan. Tương tự phân tán năm tông màu cách nhau 20° trên một khoảng 80° của vòng tròn màu để tạo vẻ ngoài bình tĩnh và hài hòa. Bổ sung đặt hai mẫu màu gần tông màu cơ bản và ba mẫu màu ở phía đối diện của vòng tròn (170°, 180° và 190°) để tạo độ tương phản cao. Tam giác đặt các tông màu cách nhau 120°: hai mẫu màu gần tông màu cơ bản, hai mẫu màu gần +120° và một mẫu màu ở +240°. Độ bão hòa và độ sáng thay đổi trong một khoảng trung bình ở mọi chế độ. Vòng tròn là vòng tròn màu HSL (màn hình sáng), vì vậy màu bổ sung của đỏ là xanh lam thay vì xanh lá.

Tôi có thể giữ màu yêu thích trong khi tạo lại các màu còn lại không?

Có. Nhấp vào biểu tượng khóa trên bất kỳ mẫu màu nào để giữ lại. Các mẫu màu được khóa sẽ bị bỏ qua trong quá trình tạo. Trong các chế độ Tương tự, Bổ sung và Tam giác, các mẫu màu còn lại sẽ được xây dựng quanh tông màu của mẫu màu được khóa đầu tiên (một mẫu màu xám không có tông màu và sẽ bị bỏ qua trong trường hợp này), vì vậy bảng màu sẽ duy trì sự hài hòa quanh màu yêu thích của bạn; trong chế độ Ngẫu nhiên, chúng vẫn ngẫu nhiên. Bảng màu và các khóa của bạn được lưu trong trình duyệt này.

Tôi có thể tạo một palet từ một hình ảnh không?

Có. Nhấp vào 'Từ hình ảnh' và chọn một bức ảnh. Công cụ thu nhỏ nó, nhóm các pixel tương tự bằng kỹ thuật lượng tử hóa median-cut, và chọn năm nhóm nổi bật nhất trông rõ ràng khác nhau với nhau. Mỗi kết quả là một màu thực sự xuất hiện trong hình ảnh thay vì là giá trị trung bình, được sắp xếp từ tối đến sáng, và mọi thứ đều xảy ra trong trình duyệt của bạn — hình ảnh không bao giờ được tải lên. Nếu hình ảnh có ít hơn năm màu sắc rõ rệt, ví dụ như một màu đơn sắc phẳng, các mẫu màu còn lại sẽ là các mức sáng hơn và tối hơn của màu chủ đạo.

Các định dạng xuất nào có sẵn?

Sao chép bảng màu dưới dạng danh sách HEX, thuộc tính tùy chỉnh CSS (:root variables), đoạn mã Tailwind, mảng JSON, hoặc token thiết kế Figma (định dạng Tokens Studio). Chọn định dạng trong danh sách thả xuống, sau đó nhấp vào Sao chép tất cả — sẵn sàng dán vào mã hoặc công cụ thiết kế.

Tôi có thể xem mã Pantone cho bảng màu không?

Có. Mỗi trong năm mẫu màu hiển thị mã HEX của nó và mã PANTONE Solid Coated gần nhất (ví dụ: PANTONE 185 C); nhấp vào nhãn Pantone để sao chép. Các mã này sử dụng công thức chênh lệch màu sắc cảm nhận CIEDE2000 và là tham khảo gần đúng sRGB, vì mực in Pantone được xác định vật lý chứ không phải theo giá trị màn hình.

Tôi có thể tạo bảng màu từ một từ không?

Có. Nhập một từ mô tả như hoàng hôn, đại dương, cyberpunk hoặc obangsaek (năm màu truyền thống của Hàn Quốc) vào hộp tâm trạng và nhấp vào Từ tâm trạng. Các từ mô tả được biết đến sẽ sử dụng tông màu, độ bão hòa và độ sáng phù hợp, và obangsaek sẽ trả về năm màu truyền thống cố định. Các từ mà công cụ không biết vẫn tạo ra bảng màu, nhưng các màu của nó không liên quan đến ý nghĩa của từ.

🎨 Tạo Bảng Màu

Tạo ngay lập tức các bảng màu 5 màu đẹp mắt bằng các chế độ hòa sắc như Tương tự, Bổ sung và Tam giác — hoặc trích xuất bảng màu trực tiếp từ bất kỳ hình ảnh nào, hoặc từ từ mô tả tâm trạng như hoàng hôn. Khóa các màu bạn thích và các phần còn lại của bảng màu sẽ được xây dựng quanh chúng, sau đó xuất bộ màu đó dưới dạng danh sách HEX, biến CSS, cấu hình Tailwind, JSON, hoặc token Figma. Công cụ hoàn toàn miễn phí và chạy hoàn toàn trong trình duyệt của bạn mà không cần tải lên hoặc đăng nhập. Bạn đang tìm kiếm một lựa chọn miễn phí Coolors? Phiên bản của Toolio hoàn toàn miễn phí và không cần đăng ký.

Nhấn phím cách để tạo bảng màu mới.

Riêng tư từ thiết kế. Công cụ này chạy hoàn toàn trong trình duyệt của bạn — không thông tin nào bạn nhập được tải lên, và nó có thể hoạt động ngoại tuyến.

Giới thiệu

Công cụ này tạo các bảng màu 5 màu theo ba cách: tạo từ bốn chế độ hòa sắc (Ngẫu nhiên, Tương tự, Bổ sung, Tam giác); nhập một từ mô tả tâm trạng như hoàng hôn, đại dương hoặc cyberpunk để nhận bảng màu theo phong cách đó; hoặc trích xuất năm màu nổi bật từ bất kỳ hình ảnh nào bạn chọn — hình ảnh được xử lý cục bộ với kỹ thuật phân đoạn trung bình, mọi kết quả đều là màu thực sự xuất hiện trong hình ảnh và không có gì được tải lên. Khóa các mẫu màu riêng lẻ để giữ chúng qua các lần tạo mới; trong các chế độ Tương tự, Bổ sung và Tam giác, các phần còn lại của bảng màu sẽ được xây dựng quanh tông màu của mẫu màu được khóa đầu tiên. Sao chép mã HEX bất kỳ hoặc xuất toàn bộ bảng màu theo định dạng bạn cần: danh sách HEX, thuộc tính tùy chỉnh CSS, đoạn mã Tailwind, mảng JSON hoặc token thiết kế Figma. Mọi thứ đều chạy trong trình duyệt của bạn, vì vậy không có dữ liệu màu hoặc hình ảnh nào bao giờ rời khỏi thiết bị của bạn — không máy chủ, không tài khoản. Mỗi mẫu màu cũng hiển thị số PANTONE Solid Coated gần nhất (ví dụ, PANTONE 185 C), vì vậy một bảng màu được tạo hoặc trích xuất từ hình ảnh có thể trực tiếp chuyển sang quy trình in.

Cách sử dụng

Chọn một chế độ hòa sắc — Ngẫu nhiên, Tương tự, Bổ sung hoặc Tam giác — từ danh sách thả xuống Chế độ.
Nhấp vào Tạo bảng màu (hoặc nhấn phím cách) để tạo một bảng màu 5 màu mới.
Nhấp vào biểu tượng khóa trên bất kỳ mẫu màu nào để giữ màu đó; các mẫu màu còn lại sẽ được tạo lại quanh tông màu của nó (trong chế độ Ngẫu nhiên, chúng vẫn ngẫu nhiên).
Nhấn Sao chép HEX trên ô màu để sao chép mã HEX của màu đó vào bộ nhớ tạm.
Sử dụng Sao chép tất cả để sao chép cả năm màu cùng lúc, theo định dạng xuất được chọn bên cạnh, để sử dụng trong công cụ thiết kế hoặc mã của bạn.
Nhấp vào 'Từ hình ảnh' và chọn một bức ảnh — công cụ sẽ trích xuất năm màu chủ đạo của nó vào bảng màu, tất cả đều được xử lý cục bộ.
Chọn định dạng xuất — danh sách HEX, biến CSS, Tailwind, JSON hoặc token Figma — và nhấp vào Sao chép tất cả để đưa bảng màu vào dự án của bạn.
Hoặc nhập một từ mô tả tâm trạng như hoàng hôn, đại dương hoặc cyberpunk và nhấp vào Từ tâm trạng để tạo bảng màu theo phong cách đó.

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

Công cụ này có miễn phí không?: Có, hoàn toàn miễn phí — không đăng ký, không tài khoản, không giới hạn ẩn. Chỉ cần mở trang và bắt đầu tạo bảng màu.
Dữ liệu màu của tôi có được tải lên máy chủ không?: Không. Toàn bộ công cụ chạy trong trình duyệt bằng JavaScript. Không có gì được gửi đến máy chủ — dữ liệu bảng màu chỉ lưu trong localStorage của trình duyệt.
Công cụ tạo bảng màu có hoạt động offline không?: Có. Sau khi trang đã tải, công cụ hoạt động hoàn toàn offline. Không cần gọi API ngoài hay phụ thuộc CDN nào.
Sự khác nhau giữa các chế độ hòa phối là gì?: Ngẫu nhiên chọn năm tông màu không liên quan. Tương tự phân tán năm tông màu cách nhau 20° trên một khoảng 80° của vòng tròn màu để tạo vẻ ngoài bình tĩnh và hài hòa. Bổ sung đặt hai mẫu màu gần tông màu cơ bản và ba mẫu màu ở phía đối diện của vòng tròn (170°, 180° và 190°) để tạo độ tương phản cao. Tam giác đặt các tông màu cách nhau 120°: hai mẫu màu gần tông màu cơ bản, hai mẫu màu gần +120° và một mẫu màu ở +240°. Độ bão hòa và độ sáng thay đổi trong một khoảng trung bình ở mọi chế độ. Vòng tròn là vòng tròn màu HSL (màn hình sáng), vì vậy màu bổ sung của đỏ là xanh lam thay vì xanh lá.
Tôi có thể giữ màu yêu thích trong khi tạo lại các màu còn lại không?: Có. Nhấp vào biểu tượng khóa trên bất kỳ mẫu màu nào để giữ lại. Các mẫu màu được khóa sẽ bị bỏ qua trong quá trình tạo. Trong các chế độ Tương tự, Bổ sung và Tam giác, các mẫu màu còn lại sẽ được xây dựng quanh tông màu của mẫu màu được khóa đầu tiên (một mẫu màu xám không có tông màu và sẽ bị bỏ qua trong trường hợp này), vì vậy bảng màu sẽ duy trì sự hài hòa quanh màu yêu thích của bạn; trong chế độ Ngẫu nhiên, chúng vẫn ngẫu nhiên. Bảng màu và các khóa của bạn được lưu trong trình duyệt này.
Tôi có thể tạo một palet từ một hình ảnh không?: Có. Nhấp vào 'Từ hình ảnh' và chọn một bức ảnh. Công cụ thu nhỏ nó, nhóm các pixel tương tự bằng kỹ thuật lượng tử hóa median-cut, và chọn năm nhóm nổi bật nhất trông rõ ràng khác nhau với nhau. Mỗi kết quả là một màu thực sự xuất hiện trong hình ảnh thay vì là giá trị trung bình, được sắp xếp từ tối đến sáng, và mọi thứ đều xảy ra trong trình duyệt của bạn — hình ảnh không bao giờ được tải lên. Nếu hình ảnh có ít hơn năm màu sắc rõ rệt, ví dụ như một màu đơn sắc phẳng, các mẫu màu còn lại sẽ là các mức sáng hơn và tối hơn của màu chủ đạo.
Các định dạng xuất nào có sẵn?: Sao chép bảng màu dưới dạng danh sách HEX, thuộc tính tùy chỉnh CSS (:root variables), đoạn mã Tailwind, mảng JSON, hoặc token thiết kế Figma (định dạng Tokens Studio). Chọn định dạng trong danh sách thả xuống, sau đó nhấp vào Sao chép tất cả — sẵn sàng dán vào mã hoặc công cụ thiết kế.
Tôi có thể xem mã Pantone cho bảng màu không?: Có. Mỗi trong năm mẫu màu hiển thị mã HEX của nó và mã PANTONE Solid Coated gần nhất (ví dụ: PANTONE 185 C); nhấp vào nhãn Pantone để sao chép. Các mã này sử dụng công thức chênh lệch màu sắc cảm nhận CIEDE2000 và là tham khảo gần đúng sRGB, vì mực in Pantone được xác định vật lý chứ không phải theo giá trị màn hình.
Tôi có thể tạo bảng màu từ một từ không?: Có. Nhập một từ mô tả như hoàng hôn, đại dương, cyberpunk hoặc obangsaek (năm màu truyền thống của Hàn Quốc) vào hộp tâm trạng và nhấp vào Từ tâm trạng. Các từ mô tả được biết đến sẽ sử dụng tông màu, độ bão hòa và độ sáng phù hợp, và obangsaek sẽ trả về năm màu truyền thống cố định. Các từ mà công cụ không biết vẫn tạo ra bảng màu, nhưng các màu của nó không liên quan đến ý nghĩa của từ.

Đã chạy 35 lần trong 29 ngày gần đây. Kết quả đã sao chép hoặc tải về: 17% Được đo lường trên máy chủ của chúng tôi, 2026-10-05–2026-11-03.