Bộ tạo bảng màu AI

Dùng thương mại được. 380+ mẫu Không dấu nước Không cần đăng ký
Mô hình:
+ GPT-5, Claude, Gemini
Thả một hình ảnh, lấy một bảng màu có cấu trúc. Chọn cách trích xuất: chủ đạo cho cảm xúc tổng thể, sống động cho những điểm nhấn thu hút, tắt tiếng cho những màu mềm, truy cập cho các cặp tương phản WCAG- AA. Nhấn bất kỳ mẫu nào để sao chép HEX của nó. Xuất khẩu như CSS / SCSS / Tailwind.

Thả một hình ảnh để nhúng vào bảng màu

JPG, PNG, WebP lên đến 10MB

Xem thử
~500 tokens
Nguồn
Bảng màu đã nén

Bạn có thể dùng bảng màu cho những việc gì

Hệ thống màu thương hiệu

Drop your inspiration board, get a 4-color brand palette. Brand-friendly mode picks the 3 most-distinct hues + a neutral. Export as Tailwind config for your design system.

Thiết kế web/ ứng dụng

Đặt trang web của bạn vào một hình ảnh anh hùng, thay đổi phong cách trang chủ, xây dựng một biến thể chế độ tối. Chế độ dễ tiếp cận đánh dấu cặp văn bản/nền tương thích WCAG-AA. Xuất khẩu như biến CSS rơi thẳng vào :root của bạn.

Sơn/ minh họa tham chiếu

Kéo các bảng màu từ một bức tranh chủ đề (Monet, Van Gogh, Hopper) để nghiên cứu các lựa chọn màu của họ. Dùng như một bảng màu tham khảo cho bản vẽ kỹ thuật số của bạn trong Procreate / Photoshop.

Nội thất / tấm bảng cảm xúc thời trang

Chụp ảnh một phòng bạn thích hoặc lưu một bức ảnh thời trang Pinterest, trích xuất bảng màu, lấy mã HEX đến một cửa hàng sơn / cửa hàng vải. Chế độ tắt âm thanh là tốt nhất cho thiết kế nội thất (không dùng các màu sắc nổi bật).

Phân tích

Kéo bộ màu từ hình ảnh bộ anh hùng của bạn, áp dụng trên tất cả các trang để tạo sự gắn kết hình ảnh. Chế độ thân thiện với thương hiệu giữ nó ở 3 màu — quy tắc cho các bài trình bày không làm mất tập trung.

Phân tích bìa album/ sách

Kỹ thuật ngược các bảng màu ảnh bìa album/ sách/ phim nổi tiếng (lăng kính Mặt Trăng Đen, lưng sách Penguin Classic, ảnh Wes Anderson). Tốt cho nghiên cứu lịch sử thiết kế và các dự án nhại lại.

Free.ai vs Coolors / Adobe Color / Khroma / Pictaculous

Tính năngFree.aiCoolorsAdobe ColorKhroma
Giá$0 (daily pool)$3-12/mo Pro$22.99/mo Photoshop planFree / Pro $4.99
Bảng màu ảnhKhông
Tiện ích WCAGKhông
Định dạng xuấtCSS / SCSS / Tailwind / JSONNhiều (Pro)ASE, Photoshop swatchCSS / Sketch
Cần đăng kýKhôngĐể lưu / Pro
Tùy chọn cao cấp
Kết quả
Tiền hết rồi. Lấy thêm biểu tượng
Muốn kết quả tốt hơn? Các mẫu cao cấp (GPT-5, Claude, Gemini) cung cấp chất lượng cao hơn. Xem kế hoạch

❤️ Love this tool? Share it!

Đăng ký để nhận được một liên kết giới thiệu và kiếm được 25.000 token cho mỗi người bạn.

Muốn thêm nữa không? Đăng ký miễn phí 30K token/ngày + 10K thưởng
Đăng ký miễn phí

Đang xử lý yêu cầu của bạn...

Tạo các bảng màu đẹp từ hình ảnh hoặc văn bản với AI miễn phí. Tốt cho các nhà thiết kế.

Cách sử dụng Bộ tạo bảng màu AI

1
Nhập thông tin

Nhập văn bản, tải lên tập tin, hoặc mô tả điều bạn muốn. Không cần tài khoản.

2
Nhấn để tạo

AI của chúng tôi xử lý yêu cầu của bạn trong vài giây sử dụng các mô hình nguồn mở tốt nhất.

3
Tải về và chia sẻ

Tải xuống, sao chép, hoặc chia sẻ kết quả của bạn. Miễn phí cho sử dụng cá nhân và thương mại.

Dùng công cụ này qua API

Tự động hóa công cụ này từ mã của bạn. Điểm kết thúc REST tương thích với OpenAI, xác thực bằng token của người mang, không cần SDK bổ sung. Chi phí token tương ứng với giao diện web.

curl -X POST https://api.free.ai/v1/image/generate/ \
  -H "Authorization: Bearer sk-free-..." \
  -H "Content-Type: application/json" \
  -d '{"prompt": "A sunset over mountains", "model": "sdxl"}'

Bộ tạo bảng màu AI — FAQ

Bỏ bất kỳ hình ảnh nào, lấy lại một bảng màu 4- 10 màu cấu trúc. 5 chế độ trích xuất (Đứng đầu cho cảm xúc tổng thể, Sóng chớp cho những điểm nhấn thu hút, Tắt / Pastel cho những màu mềm, Thuận tiện cho thương hiệu cho 3 màu sắc khác nhau + trung tính, Được truy cập cho cặp tương phản WCAG- AA). Xuất theo định dạng HEX / RGB / HSL / tất cả các định dạng. Xuất khẩu một- nhấn vào biến CSS, cấu hình Tailwind.

Coolors ($3-12/mo Pro for image-to-palette + saving) is the closest direct competitor — same workflow, paid. Adobe Color (free but bundled with $22.99/mo Photoshop plan for serious use) has the gold-standard accessibility checker. Khroma (free + $4.99 Pro) is text-to-palette only — no image extraction. Free.ai matches Coolors' image extraction + Adobe's WCAG check, $0, no signup.

Đứng đầu cho cảm hứng thiết kế / tóm tắt bảng cảm xúc (màu phổ biến nhất). Đậm cho các yếu tố anh hùng + CTAs (đỉnh thu hút ánh nhìn, bỏ qua màu xám). Tắt âm cho nội thất / thời trang / sức khỏe (bỏ qua các giai điệu lớn). Thuận tiện cho thương hiệu khi bạn cần 3 màu mà bạn có thể thực sự sử dụng như chính + thứ cấp + giai điệu. Có thể truy cập khi xây dựng một bảng màu GUI nơi văn bản cần phải vượt qua WCAG- AA trên nền.

HEX (#FF5733) for general use. RGB (255, 87, 51) for design tools. HSL (12, 100%, 60%) for tweaking lightness / saturation. "All formats" lists every conversion side-by-side. One-click export buttons: copy all HEX as plain text, CSS variables block (:root { --color-1: #FF5733; ... }), or Tailwind config (theme: { extend: { colors: { ... }}}).

Có — bỏ bức ảnh anh hùng của bạn, chọn chế độ Thuận tiện cho thương hiệu, lấy 3 màu sắc rõ ràng nhất + một màu trung tính. Ứng dụng bộ màu đó trên toàn trang thông qua các biến CSS. Công cụ trả về màu theo thứ tự chủ đạo, vì vậy 3 màu đầu tiên thường là chủ yếu / thứ hai / nhấn mạnh của bạn và phần còn lại là các màu sắc bạn có thể dùng ít.

Có — chọn chế độ Hỗ trợ người khuyết tật và công cụ sẽ đánh dấu các cặp HEX vượt qua độ tương phản WCAG- AA (4. 5: 1 cho văn bản bình thường, 3: 1 cho văn bản lớn). Cặp đen/ trắng đối với mỗi màu sẽ được ghi chú. Để kiểm tra khả năng hỗ trợ người khuyết tật của giao diện người dùng, hãy kiểm tra Kiểm tra độ tương phản WebAIM và tài liệu thiết kế hệ thống của bạn.

4 cho logo / biểu tượng / bao bì sản phẩm (bộ màu giới hạn = thương hiệu mạnh). 5- 6 cho trang đích / trang tiếp thị (mặc định). 8- 10 cho hệ thống thiết kế đầy đủ với màu chính / thứ cấp / thứ ba / tiện ích / trạng thái. Vượt quá 10 gây ra sự tê liệt quyết định và hỗn loạn thị giác — hạn chế bằng cách kết hợp các màu mà bạn không muốn sử dụng.

Tấm ảnh, tranh, áp phích, ảnh chụp màn hình, bảng vẽ cảm xúc — bất cứ thứ gì có vùng màu khác nhau. JPG / PNG / WebP lên đến 10MB. Tấm ảnh màu đơn (nền một màu) được trích xuất một cách đơn giản; những tấm ảnh có nội dung hỗn hợp bận rộn sẽ có dữ liệu bảng màu thú vị hơn. Các đầu vào có độ tương phản cao sẽ tạo ra các bảng màu hữu ích hơn.

Có — trích xuất bảng màu từ bất kỳ xuất ra / image/ generate / nào để duy trì sự đồng nhất về hình ảnh trong một chuỗi. Tạo một hình ảnh anh hùng, trích xuất bảng màu của nó, sử dụng bảng màu như là hệ thống thiết kế cho phần còn lại của dự án.

Có — bản quyền áp dụng cho chính hình ảnh, không phải cho ý tưởng trừu tượng "màu sắc được sử dụng trong hình ảnh này". Trừ lăng kính Mặt Trăng Mùa Đông, ảnh chụp Wes Anderson, ảnh sơ cấp Mondrian, nội thất Hopper. Dùng bảng màu trong tác phẩm gốc của bạn; đừng tái tạo hình ảnh nguồn.

Không — ảnh đã tải lên của bạn sẽ được xử lý và bỏ ngay lập tức. Chúng tôi chỉ ghi lại kết quả bảng màu ẩn danh cho mục đích phân tích + /account/?tab=history của bạn. Chính sách riêng tư tại /privacy/.

Có — POST nhiều phần đến /v1/image/colors/ với tập tin hình ảnh, num_colors (4-10), mode (dominant / vibrant / muted / brand / accessible), format (hex / rgb / hsl / all).

Đăng ký miễn phí 10,000 token

Tạo tài khoản miễn phí

Không cần thẻ tín dụng

Anh đánh giá công cụ này thế nào?

Love this tool? Share it!