TL
Tool Lab
💰Donate
💰Donate

Tạo sơ đồ màu sắc

Tạo bảng màu hài hòa dựa trên lý thuyết màu sắc: bổ sung, tương tự, bộ ba, bộ tứ và nhiều hơn.

Màu cơ bản
Sơ đồ màu
Bảng màu được tạo
#3C83F6
Cơ bản
#F6AF3C
Bổ sung
HSL cơ bản: hsl(217, 91%, 60%)

Giới thiệu công cụ

Trình tạo sơ đồ màu sử dụng lý thuyết màu để tạo ra bảng màu hài hòa từ một màu cơ bản.

Cách tiếp cận này phản ánh phương pháp được sử dụng bởi các công cụ thiết kế chuyên nghiệp.

Loại sơ đồ

  • Bổ sung: Hai màu đối diện trên vòng màu (180°). Độ tương phản cao.
  • Tương tự: Ba màu kề nhau (±30°). Hài hòa và tự nhiên.
  • Ba góc: Ba màu cách đều nhau (120°). Sống động và cân bằng.
  • Bốn góc: Bốn màu cách đều nhau (90°). Bảng màu phong phú và phức tạp.
  • Bổ sung chia đôi: Cơ bản + hai màu kề bổ sung. Tương phản cao nhưng mềm hơn.
  • Đơn sắc: Năm sắc độ cùng màu. Tinh tế và đồng nhất.

Trường hợp sử dụng

Nhà thiết kế thương hiệu tạo bảng màu đầy đủ từ một màu thương hiệu. Nhà phát triển web chọn màu nhấn bổ sung cho trạng thái hover.

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

  • Tại sao một số màu trông giống nhau?Xảy ra khi độ bão hòa hoặc độ sáng rất thấp hoặc cao. Thử dùng tông trung bình bão hòa hơn làm cơ bản.
  • Có thể dùng trong Tailwind hoặc CSS không?Có. Sao chép mã hex và dùng làm màu tùy chỉnh trong tailwind.config hoặc biến CSS.
  • HSL là gì?Màu sắc-Độ bão hòa-Độ sáng. Màu sắc là góc trên vòng màu (0-360°).