Tạo bảng màu
Tạo bảng màu hài hòa ngẫu nhiên.
Nhấp vào một màu để sao chép nó hoặc tạo bảng màu mới
CSS Variables
--color-1: #1c497d;
--color-2: #8425a7;
--color-3: #d12e39;
--color-4: #c9da58;
--color-5: #82e3a2;Lý thuyết màu sắc cho bảng màu
Bảng màu tốt dựa trên quan hệ hài hòa trên vòng tròn màu. Trình tạo dùng các sơ đồ như tương đồng (màu gần nhau), bổ sung (đối diện), tam giác (cách đều) và ngũ giác để tạo tổ hợp hấp dẫn trực quan.
Bảng 5 màu lý tưởng cho thiết kế web: một màu chính, phụ, nhấn, tối cho văn bản và sáng cho nền. Khóa màu bạn thích và tạo lại phần còn lại cho đến khi tìm được tổ hợp hoàn hảo.
Câu hỏi thường gặp
Làm thế nào chọn bảng màu tốt?
Bắt đầu với một màu bạn thích, khóa lại, và tạo cho đến khi các màu còn lại bổ sung. Dùng tối đa 2-3 màu chính và phần còn lại làm trung tính.
Cần bao nhiêu màu cho trang web?
Thường 5 màu: chính (CTA), phụ (nhấn), nền, văn bản, và một màu nổi bật. Quy tắc 60-30-10 hoạt động tốt: 60% màu chủ đạo, 30% phụ, 10% nhấn.
Có thể xuất bảng màu ở định dạng khác không?
Bạn có thể sao chép giá trị HEX riêng lẻ hoặc tất cả biến CSS sẵn sàng sử dụng. Cho định dạng khác như RGB hoặc HSL, dùng bộ chuyển đổi màu với giá trị HEX đã tạo.
Muốn tìm hiểu thêm? Đọc hướng dẫn đầy đủ →