Tạo sự hài hòa màu sắc tuyệt đẹp với bánh xe màu sắc tương tác của chúng tôi. Tạo các lược đồ màu bổ sung, bộ ba, tương đồng và các lược đồ khác. Xuất dưới dạng CSS, SCSS, Tailwind, PNG, PDF hoặc JSON.
Chuyển đổi màu HSV (Hue, Saturation, Value) sang màu Pantone tương ứng gần nhất ngay lập tức. Tìm màu Pantone hoàn hảo với công cụ phối màu toàn diện của chúng tôi, tích hợp so sánh trực quan và khoa học màu sắc chính xác.
Trích xuất màu từ bất kỳ hình ảnh nào trực tuyến miễn phí. Tải lên một hình ảnh, nhấp để chọn màu và nhận các giá trị HEX, RGB, HSL và CMYK. Tạo và xuất bảng màu.
Chuyển đổi màu CMYK sang các màu Pantone gần nhất bằng khoa học màu sắc tiên tiến. Duyệt qua bộ sưu tập các màu Pantone phổ biến được tuyển chọn với tính năng so sánh màu sắc theo thời gian thực và sao chép dễ dàng.
Chuyển đổi màu hex sang màu Pantone gần nhất với công cụ trực tuyến miễn phí của chúng tôi. Với tính năng khớp màu Delta E chính xác, duyệt qua hơn 40 màu Pantone phổ biến và so sánh màu sắc tức thì. Hoàn hảo cho các nhà thiết kế, in ấn và các chuyên gia màu sắc.
Chuyển đổi màu RGB sang màu Pantone gần nhất bằng thuật toán so khớp màu tiên tiến của chúng tôi. Duyệt qua các màu Pantone được tuyển chọn, so sánh sự khác biệt màu sắc và nhận mã màu chính xác cho các dự án thiết kế.
Kiểm tra tỷ lệ tương phản màu sắc để tuân thủ tiêu chuẩn tiếp cận web. Thử nghiệm các kết hợp màu văn bản và nền theo hướng dẫn WCAG với xem trước thời gian thực, đánh giá khả năng tiếp cận và gợi ý cải thiện.
Chọn từ các lược đồ màu bổ sung, đơn sắc, tương đồng, bộ ba, bộ bốn hoặc bổ sung tách rời bằng cách sử dụng menu thả xuống.
Nhấp và kéo trên bánh xe màu để chọn màu cơ bản của bạn. Các màu hài hòa sẽ tự động cập nhật dựa trên lựa chọn của bạn.
Sử dụng vòng độ sáng bên ngoài để điều chỉnh độ sáng của bảng màu trong khi vẫn duy trì mối quan hệ hài hòa.
Nhấp vào các ô màu để sao chép từng màu riêng lẻ, hoặc sử dụng nút Xuất để tải bảng màu của bạn dưới nhiều định dạng khác nhau.
Kéo và điều chỉnh màu sắc trên bánh xe màu trực quan với vòng điều khiển độ sáng riêng biệt để lựa chọn màu chính xác.
Tự động tạo các lược đồ màu bổ sung, đơn sắc, tương đồng, bộ ba, bộ bốn và bổ sung tách rời.
Xem và sao chép màu sắc ở định dạng HEX, RGB, HSL và CMYK chỉ với một cú nhấp chuột để sao vào clipboard.
Xuất bảng màu dưới dạng hình ảnh PNG, tài liệu PDF, dữ liệu JSON, biến CSS, biến SCSS hoặc cấu hình Tailwind CSS.
Bánh xe màu sắc là biểu diễn trực quan của các màu được sắp xếp theo mối quan hệ sắc độ của chúng. Hài hòa màu sắc đề cập đến cách sắp xếp màu sắc dễ chịu khi chúng kết hợp tốt với nhau. Công cụ tương tác của chúng tôi giúp bạn tạo ra các sự kết hợp màu sắc cân bằng về mặt toán học bằng cách sử dụng các nguyên tắc lý thuyết màu truyền thống như lược đồ màu bổ sung (đối diện), bộ ba (ba màu cách đều) và tương đồng (liền kề).
Dựa trên các nguyên tắc lý thuyết màu sắc truyền thống được các nghệ sĩ và nhà thiết kế sử dụng trong nhiều thế kỷ để tạo ra các sự kết hợp hấp dẫn về mặt thị giác.
Tạo các biến CSS, biến SCSS và tệp cấu hình Tailwind CSS sẵn sàng sử dụng trong các dự án web của bạn.
Xuất bảng màu của bạn dưới dạng hình ảnh (PNG), tài liệu (PDF) hoặc dữ liệu (JSON) để sử dụng trên các công cụ và nền tảng thiết kế khác nhau.
Xem các mối quan hệ hài hòa được trực quan hóa bằng các đường nối và điều chỉnh màu sắc tương tác với phản hồi trực quan tức thì.
Công cụ cung cấp 6 kiểu hài hòa: Bổ sung (2 màu đối diện), Đơn sắc (các biến thể của một màu), Tương đồng (3 màu liền kề), Bộ ba (3 màu cách đều), Bộ bốn (4 màu cách đều), và Bổ sung Tách rời (1 màu + 2 màu liền kề với màu bổ sung của nó).
Sử dụng vòng độ sáng bên ngoài xung quanh bánh xe màu. Nhấp và kéo trên vòng này để điều chỉnh độ sáng/tối của tất cả các màu trong sự hài hòa của bạn trong khi vẫn duy trì mối quan hệ về sắc độ và độ bão hòa của chúng.
Có, nhấp vào bất kỳ ô màu nào để sao chép giá trị của nó vào clipboard của bạn. Bạn có thể chuyển đổi giữa các định dạng HEX, RGB, HSL và CMYK bằng cách sử dụng các nút chọn định dạng.
Bạn có thể xuất dưới dạng hình ảnh PNG, tài liệu PDF, dữ liệu JSON, biến CSS, biến SCSS và tệp cấu hình Tailwind CSS. Mỗi định dạng được tối ưu hóa cho các trường hợp sử dụng khác nhau.
Sao chép các biến CSS từ hộp thoại xuất và dán chúng vào bảng định kiểu của bạn. Sau đó bạn có thể sử dụng chúng như: background-color: var(--color-1); hoặc color: var(--color-2);
Có, bạn có thể kéo bất kỳ điểm màu hài hòa nào để điều chỉnh toàn bộ bảng màu. Màu chính sẽ tự động tính toán lại để duy trì mối quan hệ toán học của kiểu hài hòa đã chọn.