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

Dùng thương mại được rồi. 581 models Không dấu nước Không cần đăng ký
Mô hình:
+ GPT-5, Claude, Gemini
Thả ảnh, lấy bảng màu 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ặ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 dạng CSS / SCSS / Tailwind.

Thổi xuống một hình ảnh để lấy ra 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 nhân vật, 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 số CSS rơi thẳng vào:root của bạn.

Tiêu đề

Trích ra 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 chiếu cho bức tranh kỹ thuật số của bạn trong Procreate / Photoshop.

Nội thất / 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/vải. Chế độ âm trầm tốt nhất cho thiết kế nội thất (không dùng màu sắc nổi bật).

Trình bày / bảng

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 tượng trưng của album/ sách/ poster phim (lăng kính Mặt Trăng Đen, lưng 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 ảnhCó chứ.Có chứ.Có chứ.Không
Tính truy cập WCAGCó chứ.Có chứ.Có chứ.Không
Định dạng xuấtCSS / SCSS / Tailwind / JSONNhiều (Pro)ASE, Photoshop swatchCSS / Sketch
Cần đăng kýKhôngĐể lưu / ProCó chứ.Có chứ.
Tùy chọn cao cấp
Kết quả
Tiền đang cạn. Lấy thêm token
Muốn kết quả tốt hơn? Mô hình cao cấp (GPT-5, Claude, Gemini) cung cấp chất lượng cao hơn. Xem kế hoạch

❤️ Cậu yêu Free.ai?

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

Muốn thêm nữa không? Đăng ký miễn phí: 30,000 token/ngày
Đăng ký miễn phí

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

Tạo ra 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ào

Nhập văn bản, tải lên tập tin, hay 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 cuối REST tương thích OpenAI, xác thực token Bearer, 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

Thả bất kỳ hình ảnh nào, lấy lại một bảng màu cấu trúc 4- 10. 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, Thương hiệu thân thiện 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ả đị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) là đối thủ cạnh tranh trực tiếp gần nhất - cùng một quy trình làm việc, trả tiền. Adobe Color (miễn phí nhưng gắn liền với $22.99/mo Photoshop kế hoạch cho sử dụng nghiêm túc) có tiêu chuẩn vàng-tiêu chuẩn kiểm tra khả năng truy cập. Khroma (miễn phí + $4.99 Pro) là text-to-palette chỉ - không có hình ảnh trích xuất. Free.ai tương ứng với Coolors' image extraction + Adobe's WCAG kiểm tra, $0, không đăng ký.

Đứng đầu cho cảm hứng thiết kế / tóm tắt bảng cảm xúc (màu thường gặp nhất). Động cho các yếu tố anh hùng + CTAs (đỉnh thu hút mắt, 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: { ... }}}).

Đúng - bỏ bức ảnh nhân vật của bạn, chọn chế độ Thuận tiện cho thương hiệu, lấy 3 màu sắc khác biệt nhất + một màu trung tính. Ứng dụng bộ lọc đó trên toàn trang thông qua các biến CSS. Công cụ trả về màu theo thứ tự thống trị, 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 sắc chính / thứ hai / thứ ba / tiện ích / trạng thái. Đi trên 10 gây ra sự tê liệt quyết định và hỗn loạn hình ảnh - hạn chế bằng cách kết hợp các tone mà bạn không sử dụng.

Tấm ảnh, bức tranh, poster, ảnh chụp màn hình, bảng cảm xúc, băng ghép - bất cứ thứ gì có vùng màu riêng biệt. JPG / PNG / WebP lên đến 10MB. Bức ảnh màu đơn (nền màu đơn) được trích xuất một cách đơn giản; các bức ả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 tương phản cao hơn 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ỳ kết quả /image/generate/ nào để duy trì sự đồng nhất hình ảnh trong một chuỗi. Tạo một hình ảnh nhân vật, trích xuất bảng màu của nó, sử dụng bảng màu như hệ thống thiết kế cho phần còn lại của dự án.

Đúng - 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ình bày lăng kính Mặt Trăng Mùa Đông, ảnh Wes Anderson, ảnh Mondrian, nội thất Hopper. Dùng bảng màu trong tác phẩm gốc của bạn; không sao chép 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 phân tích + /account/?tab=history của bạn. Chính sách riêng tư tại /privacy/.

Có - POST đa 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). Bearer auth, 10K tokens/month free. /api/ has the curl example.

Đăng ký miễn phí: 30,000 token/ngày

Tạo tài khoản

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

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

Cậu yêu Free.ai?