Convertly Colors
Bộ công cụ màu hoàn chỉnh của bạn
Trích xuất, tạo và xuất bảng màu cho dự án thiết kế.
Công cụ màu phổ biến
Các công cụ được sử dụng nhiều nhất bởi nhà thiết kế.
Bộ chọn màu
Nhấp vào bất kỳ điểm nào trên hình ảnh để lấy màu và sao chép mã HEX, RGB, HSL hoặc CMYK ngay lập tức. Xem trước và lưu mẫu màu vào bảng màu trong trình duyệt.
Trích xuất màu
Tải lên hình ảnh để trích xuất các màu chính và tạo bảng màu sẵn dùng với mã HEX và RGB. Xem trước từng sắc độ và xuất ra để dùng cho thiết kế của bạn.
Trình tạo bảng màu
Tạo bảng màu hài hòa từ bất kỳ ảnh hoặc hình nào kèm mã HEX và RGB đầy đủ. Điều chỉnh từng sắc độ rồi xuất sang CSS cho dự án thiết kế của bạn nhanh chóng.
Màu chủ đạo
Phân tích hình ảnh để tìm các màu chủ đạo nhất kèm tỷ lệ phần trăm và mã HEX. Xây dựng bảng màu cân đối từ các màu chính và xuất kết quả ra thiết kế của bạn.
Màu tương tự
Nhập một màu để tìm các sắc độ HEX và RGB tương tự và lân cận với nó. Khám phá các biến thể sáng và tối rồi xây dựng bảng màu hài hòa ngay trong trình duyệt.
Chuyển đổi màu
Chuyển đổi giá trị màu giữa HEX, RGB, HSL, CMYK, OKLCH và LAB ngay lập tức. Dán một mã và nhận tất cả định dạng còn lại kèm bản xem trước trực tiếp ngay.
Độ tương phản màu
Kiểm tra tỷ lệ tương phản giữa chữ và nền để đáp ứng tiêu chuẩn dễ tiếp cận WCAG AA và AAA. Điều chỉnh cặp màu HEX cho đến khi chữ dễ đọc với mọi người.
Xuất bảng màu
Xuất bảng màu của bạn ra các định dạng CSS, SCSS, JSON và ASE sẵn sàng cho mã. Sao chép biến HEX và RGB thẳng vào dự án Tailwind, Figma hay trình soạn thảo.
Xem trước màu
Trực quan hóa cách màu sắc và tổ hợp HEX của bạn hiển thị trên nút, thẻ và chữ. Điều chỉnh bảng màu với bản xem trước trực tiếp trước khi áp dụng vào thiết kế.
Tải xuống màu
Tải bảng màu của bạn thành hình ảnh PNG gọn gàng hiển thị từng mã HEX. Chia sẻ mẫu màu với nhóm hoặc khách hàng và lưu lại tham chiếu màu cho dự án của bạn.
Chia sẻ màu
Chia sẻ bảng màu của bạn qua một liên kết duy nhất hiển thị từng mã HEX và RGB. Gửi cho đồng nghiệp hoặc khách hàng để xem lại và sao chép sắc độ nhanh chóng.
Hòa sắc màu
Khám phá các hòa sắc bổ sung, tam giác, tương đồng và bộ bốn từ vòng tròn màu. Xây dựng bảng màu cân đối với mã HEX và RGB rồi xuất ra cho thiết kế của bạn.
Cách hoạt động
Tạo bảng màu chuyên nghiệp trong 3 bước đơn giản.
Tải lên hoặc chọn
Tải lên hình ảnh hoặc chọn màu cơ bản.
Tạo bảng màu
Công cụ phân tích và tạo các kết hợp hài hòa.
Xuất đến bất kỳ đâu
Xuất sang CSS, Tailwind, SCSS hoặc tải về dạng ảnh.
Tại sao Convertly Colors?
Tất cả những gì bạn cần cho thiết kế màu.
Trình tạo bảng màu
Tạo bảng màu hoàn chỉnh từ hình ảnh.
Độ tương phản màu
Kiểm tra tỷ lệ tương phản cho WCAG.
Chuyển đổi màu
Chuyển đổi màu giữa HEX, RGB, HSL, CMYK.
Xuất bảng màu
Xuất bảng màu sang CSS, JSON, ASE.
Hòa sắc màu
Khám phá hòa sắc bổ sung, tam giác.
Gradient CSS
Tạo gradient CSS tuyến tính, xuyên tâm.
Câu hỏi thường gặp
Mọi thứ bạn cần biết về các công cụ màu sắc của chúng tôi
Có, tất cả các công cụ màu sắc cơ bản đều hoàn toàn miễn phí. Bạn có thể trích xuất màu từ hình ảnh, tạo bảng màu, chuyển đổi định dạng (HEX, RGB, HSL) và nhiều tính năng khác không tốn phí. Bản Premium cung cấp các tùy chọn nâng cao cho người dùng chuyên nghiệp.
It's very simple! Upload your image to our color extraction tool, and our algorithm will automatically analyze the dominant colors. You'll instantly get HEX, RGB, and HSL codes for each color that you can copy with a single click.
Chắc chắn là không! Toàn bộ quá trình xử lý được thực hiện trực tiếp trên trình duyệt của bạn nhờ công nghệ chạy nội bộ 100%. Hình ảnh của bạn không bao giờ rời khỏi thiết bị, đảm bảo quyền riêng tư tuyệt đối cho dữ liệu.
Chúng tôi hỗ trợ tất cả các định dạng màu phổ biến: HEX (#FFFFFF), RGB (255, 255, 255), HSL (0°, 0%, 100%), HSV, CMYK cho in ấn, và cả tên màu CSS. Bạn có thể tự do chuyển đổi giữa các định dạng này.
Hoàn toàn được! Các công cụ của chúng tôi cho phép bạn xuất bảng màu trực tiếp dưới dạng biến CSS, cấu hình Tailwind, SCSS, hoặc thậm chí là JSON. Dễ dàng tích hợp màu sắc vào dự án phát triển của bạn.
Sử dụng công cụ tương phản WCAG của chúng tôi để kiểm tra khả năng đọc của các tổ hợp màu. Công cụ sẽ tự động tính toán tỷ lệ tương phản và cho biết liệu màu sắc của bạn có đạt tiêu chuẩn hỗ trợ WCAG AA và AAA hay không.