Công cụ tạo bảng màu Material: Tạo thang màu 50–900
Công cụ tạo bảng màu Material tạo thang màu 10 bước theo phong cách Material Design, từ 50 đến 900, dùng màu cơ sở và dải sáng OKLch. Đặt các tùy chọn có sẵn, tạo bảng màu, rồi nhấp vào bất kỳ bước nào để sao chép giá trị. Dùng kết quả trong theme Material, hoặc chuẩn bị giá trị màu cho kiểm thử, fixture và dữ liệu mẫu.
Công cụ tạo bảng màu Material là công cụ chạy trong trình duyệt để tạo thang màu theo phong cách Material Design từ màu cơ sở. Công cụ tạo mười bước có nhãn, từ 50 đến 900, giúp dễ xây dựng bảng màu Material mà không phải tự chọn từng giá trị. Hãy dùng để tạo thang màu cho theme, dữ liệu phát triển hoặc thử nghiệm trực quan.
Công cụ tạo dùng dải sáng OKLch để tạo thang. Bắt đầu bằng cách đặt các tùy chọn có sẵn và tạo bảng màu; mỗi kết quả được gắn nhãn theo bước, ví dụ 50, 100 hoặc 900. Nhấp vào một bước để sao chép giá trị, rồi dán vào nơi bạn cần. Quy trình hỗ trợ sao chép từng giá trị để dùng trong theme Material, kiểm thử, fixture hoặc dữ liệu mẫu.
Một màu cơ sở đơn lẻ chỉ là một giá trị, còn thang bảng màu cung cấp tập bước liên quan có thể phục vụ các nhu cầu khác nhau trong theme hoặc dự án. Công cụ tạo bảng màu Material tạo mười bước thay vì bắt bạn tự nghĩ giá trị màu thủ công. Các nhãn số giúp dễ chọn và tham chiếu một điểm cụ thể trong thang.
Công cụ chạy hoàn toàn trong trình duyệt của bạn: dữ liệu nhập được xử lý trên thiết bị và không gửi tới máy chủ. Không cần đăng ký, và sau khi trang đã tải, công cụ tạo hoạt động ngoại tuyến mà không cần kết nối máy chủ. Công cụ hữu ích cho nhà phát triển và kỹ sư DevOps chuẩn bị giá trị theme, dữ liệu kiểm thử, fixture, dữ liệu mẫu hoặc mẫu màu.
Bước 1: Đặt các tùy chọn có sẵn trước khi tạo bảng màu. Công cụ dùng thiết lập của bạn để tạo thang màu.
Bước 2: Tạo bảng màu từ màu cơ sở. Kết quả là thang 10 bước theo phong cách Material Design, gắn nhãn 50, 100, … đến 900.
Bước 3: Xem lại các giá trị màu đã tạo để tìm các bước bạn cần cho theme, kiểm thử hoặc dữ liệu dự án khác.
Bước 4: Nhấp vào một bước của bảng màu để sao chép giá trị, rồi dán vào theme Material hoặc dự án của bạn.
Trường hợp sử dụng: Chuẩn bị giá trị Bảng màu Material cho kiểm thử, fixture hoặc dữ liệu mẫu. Một thang đã tạo cho bạn tập bước màu nhất quán để dùng trong phát triển.
Trường hợp sử dụng: Tạo cả loạt giá trị màu cùng lúc thay vì tự nghĩ giá trị bằng tay. Việc này giúp chuẩn bị dữ liệu bảng màu cho dự án nhanh hơn.
Trường hợp sử dụng: Nhận giá trị màu ngẫu nhiên đúng nghĩa thay vì gõ bừa trên bàn phím khi bạn cần màu cho dữ liệu mẫu hoặc thử nghiệm.
Trường hợp sử dụng: Xây dựng theme Material từ màu cơ sở. Thang 50–900 cho bạn nhiều bước để sao chép vào theme.
Trường hợp sử dụng: Tạo giá trị màu cho nguyên mẫu hoặc kiểm thử trực quan. Sao chép từng bước khi cần mà không phải dựng lại thang thủ công.
Trường hợp sử dụng: Chuẩn bị tập giá trị bảng màu có thể lặp lại cho công việc phát triển. Các nhãn bước giúp dễ xác định và tái dùng màu bạn cần.