Hệ thống màu giao diện người dùng là một tập hợp các biến thể màu được xây dựng từ một màu gốc duy nhất. Nó cung cấp các thang đo từ sáng đến tối nhất quán cho mã thông báo thiết kế, nút, hình nền và màu văn bản.
Chọn màu hạt giống và chọn kiểu (Tailwind hoặc Material). Công cụ này tạo ra bảng màu gồm 10 bước hoàn chỉnh từ sáng (50) đến tối (900), hoàn hảo cho các hệ thống thiết kế.
Frequently Asked Questions
Q: Mã thông báo thiết kế là gì?
Mã thông báo thiết kế là gì? Mã thông báo thiết kế là một giá trị được đặt tên để lưu trữ thuộc tính thiết kế như màu sắc, được sử dụng nhất quán trong toàn bộ hệ thống thiết kế.
Q: Tại sao tôi cần 10 sắc thái?
Tại sao tôi cần 10 sắc thái? Các thành phần UI khác nhau cần mức độ tương phản khác nhau. Thang đo 10 bước mang lại sự linh hoạt cho nền, đường viền, trạng thái di chuột và văn bản.
Q: Bảng mã thông báo thiết kế là gì?
Bảng mã thông báo thiết kế là gì? Bảng mã thông báo thiết kế là một tập hợp các biến màu có hệ thống (chính, phụ, bề mặt, văn bản) được tạo từ một màu thương hiệu duy nhất. Nó đảm bảo tính nhất quán trên toàn bộ giao diện người dùng của bạn.
Q: Tôi có thể xuất sang các hệ thống thiết kế khác ngoài Tailwind không?
Tôi có thể xuất sang các hệ thống thiết kế khác ngoài Tailwind không? Có, công cụ xuất sang thuộc tính tùy chỉnh CSS, biến SCSS và định dạng cấu hình Tailwind. Sao chép định dạng phù hợp với ngăn xếp của bạn.
Q: Làm cách nào để xử lý chế độ tối bằng công cụ này?
Làm cách nào để xử lý chế độ tối bằng công cụ này? Trước tiên, hãy tạo bảng màu chế độ sáng, sau đó sử dụng cùng màu hạt giống với các giá trị độ bão hòa và độ sáng giảm cho chế độ tối. Nhiều hệ thống thiết kế đảo ngược màu sắc bề mặt và văn bản.
Màu sắc Việt Nam
Từ màu son đỏ của đình chùa đến màu nâu đất của làng quê, màu sắc Việt Nam gắn liền với lịch sử, nông nghiệp lúa nước và trang phục truyền thống áo dài.
Đỏ son #E32636Màu son của cổng làng, đình chùa và câu đối
Vàng hoàng thái #FFD700Màu vàng của hoàng cung và lễ hội
Xanh lam #0056A7Màu xanh của biển Đông
Màu gạch #B22222Màu gạch nung của làng quê Bắc Bộ
Vàng nắng #F7C948Ánh nắng vàng trên cánh đồng lúa chín
Xanh ngọc #00A86BMàu ngọc bích của vịnh Hạ Long
Tím Huế #7F5FA3Màu tím của áo dài và hoa phượng tím xứ Huế
Nâu đất #8B5A2BMàu đất phù sa của đồng bằng sông Hồng
Hồng sen #F5A9B8Màu hoa sen — quốc hoa của Việt Nam
Trắng ngà #FFFFF0Màu áo dài trắng của nữ sinh
Q: Màu đỏ son là gì?
Màu đỏ son là gì? Màu đỏ son (#E32636) là màu đỏ truyền thống được dùng để sơn cổng làng, đình chùa và câu đối Tết ở Việt Nam, tượng trưng cho may mắn và thịnh vượng.
Q: Màu tím Huế là gì?
Màu tím Huế là gì? Tím Huế (#7F5FA3) là màu tím đặc trưng của xứ Huế, gắn liền với áo dài tím, hoa phượng tím và nét lãng mạn của cố đô.