Chuyển đến nội dung
patrache.tools

Tạo bảng màu

Công cụ tạo bảng màu trực tuyến miễn phí. Tự động tạo bảng màu hài hòa với gợi ý bổ sung, tương tự và tam giác. Xử lý trên trình duyệt.

Màu cơ bản
#2563EB
#EBAD25
#2563EB
#EBAD25
lockTệp không được gửi đến máy chủ
Chia sẻ
Nhúng

Nhúng công cụ này vào trang của bạn

Công cụ tạo bảng màu miễn phí dựa trên lý thuyết màu — bổ sung, tương tự, tam giác và hơn nữa. Xử lý trong trình duyệt.

Cách sử dụng Tạo bảng màu?

  1. Chọn hoặc nhập màu cơ bản.
  2. Chọn loại bảng màu.
  3. Sao chép mã màu từ bảng màu đã tạo.

Câu hỏi thường gặp về Tạo bảng màu

Có những phối màu nào?

Bổ sung, tương tự, tam giác, tứ giác, bổ sung chia và hơn nữa.

Có xuất bảng màu được không?

Có, sao chép mã HEX/RGB hoặc tải bảng màu dưới dạng hình ảnh.

Một trang web nên dùng bao nhiêu màu là hợp lý?

Ba đến bốn màu nhìn thấy được thường là đủ. Quy tắc 60-30-10 quen thuộc dành 60% diện tích cho nền, 30% cho màu phụ và 10% cho màu nhấn — màu nhấn càng dùng dè sẻn thì nút bấm và liên kết càng nổi. Thêm một sắc xám đậm cho chữ thân bài và một sắc xám nhạt cho đường viền là hầu hết màn hình đã trọn vẹn. Vượt quá năm màu, người dùng khó nhận ra đâu là phần quan trọng.

Đã có sẵn một màu thương hiệu, chọn các màu còn lại thế nào?

Hãy lấy màu đó làm gốc và dựng một bộ màu tương đồng: những sắc nằm trong khoảng 30 độ về hai phía trên vòng màu đứng cạnh nhau mà không chỏi, rất hợp cho nền và các phần phụ. Với nút cần được chú ý, hãy mượn một chút màu bổ túc ở phía đối diện vòng màu, ánh mắt sẽ dồn thẳng vào đó. Nếu tính cả chế độ tối, hãy chuẩn bị sẵn biến thể giữ nguyên sắc màu nhưng giảm độ bão hòa và tăng độ sáng.

Cách tận dụng Tạo bảng màu hiệu quả?

  • Chia bảng màu theo tỉ lệ 60-30-10; màu nhấn chỉ cần chiếm khoảng một phần mười màn hình.
  • Hãy chọn màu trung tính trước; một sắc xám tốt gắn kết bảng màu hơn là thêm màu rực.
  • Sau đó kiểm tra độ tương phản giữa chữ và nền, tối thiểu phải đạt 4,5:1.

Powered by Patrache Studio Tools

Vui lòng cho phép quảng cáo trên trang này

Để sử dụng các công cụ này, hãy cho phép quảng cáo trên trang này. Quảng cáo giúp duy trì dịch vụ miễn phí.

Mở trình chặn quảng cáo, tắt chặn cho trang này rồi kiểm tra lại.