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.

Chọn Kiểu Hài Hòa
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.
Điều Chỉnh Màu Sắc Trên Bánh Xe
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.
Điều Chỉnh Độ Sáng
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.
Sao Chép Hoặc Xuất
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.
Bánh Xe Màu Sắc Tương Tác
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.
6 Kiểu Hài Hòa Màu Sắ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.
Nhiều Định Dạng Màu Sắc
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 & Tạo Mã
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ề).
Lý Thuyết Màu Sắc Chuyên Nghiệp
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.
Xuất Dữ Liệu Thân Thiện Với Nhà Phát Triển
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.
Nhiều Định Dạng Xuất
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.
Phản Hồi Trực Quan Theo Thời Gian Thực
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.