🎨

tạo phối màu

Chọn màu nền và tạo phối màu hài hòa. Chọn từ bổ túc, tương đồng, tam giác và nhiều kiểu khác. Sao chép HEX, RGB hoặc biến CSS ngay lập tức.

Công cụ tạo Chạy cục bộ Không gửi dữ liệu
màubảng màuphối màuthiết kế
Bổ sung

Tạo phối màu là gì?

Công cụ tạo phối màu tạo ra các bảng màu hài hòa dựa trên các quy tắc lý thuyết màu: bổ sung, bộ ba, tương tự, bổ sung tách và hơn thế nữa. Dùng công cụ này để chọn màu cho thiết kế UI, xây dựng thương hiệu hoặc dự án nghệ thuật.

Cách sử dụng công cụ tạo phối màu

  1. Chọn màu cơ sở bằng bộ chọn màu hoặc nhập giá trị HEX.
  2. Chọn kiểu hài hòa (Bổ sung, Tương tự, Bộ ba, v.v.).
  3. Nhấp vào bất kỳ mẫu màu nào để sao chép HEX của mẫu đó, hoặc xuất tất cả dưới dạng biến CSS / JSON.

Công cụ liên quan

🎨
tạo bảng màu
Tạo bảng màu từ hình ảnh
🖌️
chọn màu
Chọn và chuyển đổi màu giữa các định dạng
🔄
Bộ chuyển đổi màu
Chuyển đổi giữa HEX, RGB, HSL và nhiều định dạng khác
Tìm hiểu thêm▾
Các kiểu hài hòa màu
  • Bổ sung —màu đối lập, độ tương phản cao
  • Tương tự —màu liền kề, hài hòa và nhẹ nhàng
  • Bộ ba —ba màu cách đều nhau, rực rỡ
  • Bổ sung tách —màu gốc + hai màu liền kề với màu bổ sung của nó
  • Tứ giác —bốn màu tạo thành hình chữ nhật trên vòng tròn màu
  • Đơn sắc —các sắc thái đậm và nhạt của một tông màu
Câu hỏi thường gặp
Làm cách nào để sử dụng các màu trong CSS?

Nhấp vào 'Sao chép dưới dạng biến CSS' để nhận đoạn mã sẵn sàng dán với tất cả màu dưới dạng thuộc tính tùy chỉnh.

Tôi có thể xuất bảng màu dưới dạng JSON không?

Có. Nhấp vào 'Xuất JSON' để tải xuống bảng phối màu với giá trị HEX và RGB.