Bảng màu Material Design
Bảng màu Material Design tuân theo cách tiếp cận của Google: màu chính, màu phụ cho điểm nhấn, bề mặt trung tính và thang xám cho chữ cùng độ nổi.
Bảng màu mẫu
Màu chính#1976D2
Màu chính sáng#42A5F5
Bề mặt#FAFAFA
Màu phụ#FFA000
Trên bề mặt#212121
Mã hex sẵn sàng để sao chép
Dành cho giao diện
Trong khi phối màu cổ điển dựa vào sắc độ, Material dựa vào vai trò: chính, phụ, bề mặt, trên bề mặt, lỗi. Mỗi màu có nhiệm vụ riêng nên dễ chuyển trực tiếp thành token của hệ thống thiết kế.
Tương phản và độ nổi
Material yêu cầu tương phản ít nhất 4.5:1 giữa chữ và bề mặt. Các cấp độ nổi hình thành bằng cách làm bề mặt sáng dần thay vì chồng bóng đổ, hữu ích trong giao diện tối khi bóng đổ khó nhìn thấy.
Tạo bảng màu material design của tôi
Miễn phí, không đăng ký