Bảng màu

Bảng màu cho website (CSS)

Bảng màu dành cho thiết kế web và giao diện. Mỗi bảng màu có mã HEX và bạn cũng có thể sao chép mã CSS có sẵn. Nhấn vào một màu để sao chép, lưu bảng màu yêu thích hoặc mở trong trình chỉnh sửa để tinh chỉnh.

Cách chọn màu cho website

Một giao diện thường chỉ cần một màu chính cho thương hiệu, một màu nhấn cho các thao tác (nút, liên kết) và một dải màu xám cho nền, viền và chữ. Hãy nhất quán: luôn dùng cùng mã HEX và khai báo chúng thành biến CSS.

Sao chép bảng màu dưới dạng CSS

Mỗi thẻ có một nút sao chép CSS cho cả năm màu. Dán vào file CSS của bạn và đổi tên biến cho hợp với dự án. Bạn cũng có thể sao chép từng màu bằng cách nhấn vào màu đó.

Độ tương phản và khả năng tiếp cận

Trước khi đăng, hãy kiểm tra xem chữ có dễ đọc trên nền hay không. Dùng công cụ kiểm tra tương phản để xem bạn đã đạt WCAG AA hoặc AAA chưa. Điều này quan trọng cho cả khả năng tiếp cận lẫn SEO.

Muốn tự tạo bảng màu từ đầu? Hãy thử công cụ tạo bảng màu, lấy bảng màu từ ảnh hoặc kiểm tra độ tương phản màu.