CColorWell
Nhận ColorWell
Bộ công cụ bảng màu + khả năng tiếp cận

Bảng màu đẹp mắt. Độ tương phản đã xác minh. Một quy trình làm việc duy nhất.

Nhập màu thương hiệu. Nhận bảng màu hài hòa, mọi đánh giá WCAG và các tệp xuất cho CSS, Tailwind và Figma — mà không cần rời khỏi trang.

Gói dịch vụ từ $5/tháng — hủy bất cứ lúc nào

Live — works right here

Tạo bảng màu

Chọn màu thương hiệu. ColorWell sẽ xử lý phần còn lại.

Tương đồng

Sắc độ (sáng → tối)

Xuất

Tải xuống token thiết kế

Pro

Lưu toàn bộ bảng màu và dải sắc độ dưới dạng file sẵn sàng sử dụng.

Nâng cấp lên Pro để tải xuống file

Kiểm tra độ tương phản

Ghép bất kỳ hai màu nào từ bảng màu. ColorWell hiển thị đánh giá WCAG.

Aa
The quick brown fox jumps over the lazy dog.
2.77
Tỷ lệ

Đánh giá: Không đạt WCAG

Mọi thứ bảng màu thương hiệu cần

Được xây dựng cho nhà thiết kế và đội ngũ front-end đang triển khai giao diện hàng ngày.

Bảng màu hài hòa

Chọn bất kỳ mã hex nào. ColorWell tạo ra các sơ đồ tương đồng, bổ sung, ba màu và đơn sắc chỉ với một cú nhấp chuột.

Độ tương phản WCAG — tức thì

Mỗi cặp màu trong bảng màu của bạn đều nhận được đánh giá AA/AAA đối với văn bản, văn bản cỡ lớn và các thành phần UI.

Xuất sang CSS, Tailwind, Figma

Xuất chỉ với một cú nhấp chuột sang biến CSS, cấu hình Tailwind, mã JSON thô hoặc kiểu Figma sẵn sàng để dán.

Biến thể an toàn cho thương hiệu

Làm sáng, tối và bão hòa mà không làm lệch tông màu. ColorWell duy trì trong không gian màu cảm nhận (Oklch).

Token có tên

Các tên tự động như "indigo-500" hoặc "slate-700" giúp stylesheet của bạn dễ đọc cho con người, không phải mã hex.

Lưu & đồng bộ bảng màu

Mọi bảng màu bạn tạo đều thuộc về bạn — đặt tên, gắn thẻ và quay lại sau. Đồng bộ đám mây cho gói Pro.

Ba bước

Bắt đầu từ một màu thương hiệu duy nhất. Kết thúc với một stylesheet hoạt động.

1

Chọn

Nhập giá trị hex hoặc sử dụng bộ chọn màu.

2

Tạo

ColorWell xây dựng bảng màu hài hòa và chạy mọi kiểm tra độ tương phản.

3

Xuất

Sao chép token CSS, Tailwind hoặc Figma — trực tiếp vào mã nguồn của bạn.

Giá đơn giản

Chọn gói và ngừng vật lộn với mã hex.

Starter

Dành cho designer độc lập

$5/tháng
  • 100 bảng màu lưu/tháng
  • Kiểm tra tương phản không giới hạn
  • Xuất CSS / Tailwind / JSON
  • Biến thể an toàn cho thương hiệu
Phổ biến nhất
Pro

Dành cho đội ngũ thương hiệu

$15/tháng
  • 2000 bảng màu lưu/tháng
  • Xuất token Figma
  • Bộ nhận diện thương hiệu (dự án đa bảng màu)
  • Thư viện đồng bộ đám mây
  • Hỗ trợ ưu tiên

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

Tôi có cần cài đặt gì không?

Không. ColorWell chạy hoàn toàn trên trình duyệt — màu sắc của bạn không rời khỏi máy cho đến khi bạn chọn đồng bộ.

Bạn sử dụng không gian màu nào?

ColorWell hoạt động dựa trên Oklch — các biến thể nằm trong không gian màu cảm nhận để việc làm sáng màu thương hiệu không làm lệch tông màu.

Việc xuất file hoạt động thế nào?

Nhấn một lần để sao chép vào clipboard các biến CSS, khối cấu hình Tailwind, JSON thô hoặc kiểu dáng sẵn sàng cho Figma. Dán trực tiếp vào mã hoặc công cụ thiết kế của bạn.

Tôi có được dùng thử miễn phí không?

Không — đây là công cụ trả phí với các gói từ $5 mỗi tháng. Gói Starter là $5/tháng và gói Pro là $15/tháng; bạn có thể hủy bất cứ lúc nào.

Làm sao để hủy gói?

Từ trang tài khoản, hoặc bằng cách gửi email cho chúng tôi. Việc hủy sẽ dừng kỳ gia hạn tiếp theo — thời gian còn lại vẫn sử dụng được.

Ngừng chỉnh tay mã hex.

Tạo bảng màu, xuất stylesheet — tất cả trong một nơi.

Xem các gói