Tính toán

Công cụ tạo bảng màu miễn phí

Tạo bảng màu phù hợp ngay lập tức từ mã màu HEX: các sắc độ, màu bổ sung, màu tương tự, màu tam sắc và màu tứ sắc. Bao gồm sao chép HEX/RGB/HSL.

Công cụ tạo bảng màu
Màu sáng (Sắc nhạt)
Tông màu tối (Sắc thái)
Bổ sung
Tương tự
Tam giác
Tứ giác
Thông tin

Giới thiệu về Trình tạo bảng màu miễn phí

Việc tạo bảng màu là một trong những bước quan trọng nhất trong các dự án thiết kế web, thiết kế đồ họa và nhận diện thương hiệu. Một bảng màu được lựa chọn kỹ lưỡng sẽ cải thiện trải nghiệm người dùng, củng cố tính nhất quán của thương hiệu và giảm mỏi mắt. Công cụ tạo bảng màu Hostragons Với tính năng này, bạn có thể tạo ngay lập tức năm kiểu bảng màu khác nhau chỉ từ một màu cơ bản duy nhất.

Công cụ; màu nhạt (sắc độ sáng) và sắc thái (tông màu tối), bổ sung, tương tự, bộ ba và tứ giác Nó tính toán sự hài hòa màu sắc dựa trên lý thuyết màu sắc. Đối với mỗi màu... HEX, RGB và HSL Bạn có thể sao chép các định dạng chỉ với một cú nhấp chuột. Bạn có thể nhập màu sắc mong muốn bằng cách nhập mã HEX hoặc sử dụng công cụ chọn màu.

Tất cả các phép tính được thực hiện theo thời gian thực trên trình duyệt của bạn; không có dữ liệu nào được gửi đến máy chủ. Bạn có thể sử dụng công cụ này như một tài liệu tham khảo khi chuẩn bị các biến CSS, màu chủ đề Tailwind hoặc kiểu màu Figma. Với giao diện tiếng Thổ Nhĩ Kỳ và thiết kế thân thiện với thiết bị di động, nó hoạt động mượt mà trên cả máy tính để bàn và điện thoại thông minh.

Cách sử dụng như thế nào?

Từng bước một

  1. Nhập mã màu vào ô HEX (ví dụ: #3b82f6Hoặc bạn có thể chọn màu bằng cách nhấp vào biểu tượng chọn màu.
  2. Công cụ sẽ tự động chọn màu bạn đã chọn. sắc thái, bổ sung, tương tự, bộ ba và tứ giác Công ty này sản xuất pallet.
  3. Dưới mỗi ô màu HEX, RGB và HSL Bạn sẽ thấy các giá trị; hãy sao chép chúng vào clipboard bằng cách nhấp vào định dạng mong muốn.
  4. Khi bạn thay đổi màu chủ đạo, tất cả các bảng màu sẽ cập nhật ngay lập tức; xem trước trực tiếp Nhờ vậy, bạn sẽ nhận thấy sự hài hòa ngay lập tức.
FAQ

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

Màu đối lập hoàn toàn (180°) với màu đã chọn trên vòng tròn màu được gọi là màu bổ sung. Nó tạo ra độ tương phản cao và lý tưởng cho các màu nhấn thu hút sự chú ý.

Màu tương đồng là những màu nằm cạnh nhau (±30°) trên vòng tròn màu. Sự hài hòa này, thường thấy trong tự nhiên, tạo cảm giác bình tĩnh và cân bằng cho mắt; nó thường được sử dụng trong các phối màu nền và chữ.

Trong hòa âm tam sắc, vòng tròn màu được chia thành ba phần bằng nhau (120°); điều này tạo ra bảng màu cân bằng và sống động. Trong hòa âm tứ sắc, bốn màu được đặt cách nhau 90°; điều này mang lại bảng màu đa dạng hơn, nhưng đòi hỏi sự sử dụng cẩn thận.

Bạn có thể mở bảng chọn màu của hệ điều hành bằng cách nhấp vào bảng chọn màu. Nếu bạn có các giá trị RGB hoặc HSL, trước tiên bạn có thể chuyển đổi chúng sang định dạng HEX bằng công cụ chuyển đổi trực tuyến rồi dán vào đây.

Sao chép giá trị HEX hoặc HSL của từng màu. :root { --primary: #3b82f6; } Bạn có thể định nghĩa nó như một biến CSS như thế này. Định dạng HSL đặc biệt phù hợp để điều chỉnh độ sáng/độ bão hòa bằng lập trình.
Quay lại tất cả các công cụ miễn phí