Trình Tạo Gradient Mesh
Tạo hình nền với gradient mesh (các vết màu mờ) và tải xuống dưới dạng PNG hoặc sao chép mã CSS.
Cách tạo gradient mesh trực tuyến
Chọn màu nền và thêm các màu
Chọn một màu cơ sở và thêm tối đa 6 vệt màu sẽ trộn lẫn với nhau.
Ngẫu nhiên hóa các vị trí
Nhấn nút ngẫu nhiên hóa để sắp xếp lại các vệt màu cho đến khi bạn tìm thấy sự kết hợp mà mình thích.
Tải xuống PNG hoặc sao chép CSS
Tải xuống kết quả dưới dạng hình ảnh PNG sẵn sàng sử dụng, hoặc sao chép mã CSS để áp dụng trực tiếp trên trang web của bạn.
Câu hỏi thường gặp về trình tạo gradient mesh
Các gradient mesh (hay còn gọi là degradados de malla) đã trở nên phổ biến như hình nền cho các trang web, ứng dụng và mạng xã hội nhờ vào vẻ ngoài mềm mại và trừu tượng của chúng. Công cụ này tạo ra và tải xuống chúng trực tiếp trong trình duyệt của bạn.
Gradient mesh là gì?
+
Đó là một gradient được tạo thành từ nhiều vùng màu mềm mại được trộn lẫn với nhau, thay vì một sự chuyển đổi tuyến tính hoặc xuyên tâm đơn giản giữa hai màu.
Nó khác với trình tạo gradient CSS thông thường như thế nào?
+
Trình tạo gradient CSS tạo ra các chuyển đổi tuyến tính hoặc xuyên tâm giữa 2 và 4 màu. Trình tạo này tạo ra một hiệu ứng hữu cơ hơn với nhiều vùng màu độc lập, và còn cho phép tải xuống kết quả trực tiếp dưới dạng hình ảnh PNG.
Tôi có thể sử dụng bao nhiêu màu?
+
Bạn có thể kết hợp từ 3 đến 6 màu trong cùng một gradient mesh.
Tôi có thể tải xuống kết quả dưới dạng hình ảnh không?
+
Có, bạn có thể tải xuống gradient mesh trực tiếp ở định dạng PNG, sẵn sàng sử dụng làm hình nền.
Nó có miễn phí không?
+
Có, công cụ này hoàn toàn miễn phí.
Thiết kế của tôi có được tải lên máy chủ nào không?
+
Không. Toàn bộ quy trình, từ tạo ra đến tải xuống PNG, diễn ra trực tiếp trong trình duyệt của bạn mà không tải bất kỳ dữ liệu nào lên máy chủ.
Màu sắc
Bộ chuyển đổi màu (HEX, RGB, HSL, CMYK)
Chuyển đổi bất kỳ màu nào giữa HEX, RGB, HSL và CMYK ngay lập tức, với xem trước trực tiếp và tên màu gần nhất.
Trình tạo bảng màu
Tạo bảng màu 5 màu hài hòa (bổ sung, tương tự, tam giác hoặc đơn sắc) từ một màu cơ bản.
Trình Tạo Gradient CSS
Tạo gradient tuyến tính hoặc tỏa sáng với tối đa 4 màu và sao chép mã CSS sẵn sàng để sử dụng.
Trình kiểm tra độ tương phản WCAG
Kiểm tra xem sự kết hợp màu sắc giữa văn bản và nền có đáp ứng các mức độ tiếp cập AA và AAA không.
Màu ngẫu nhiên
Tạo một màu ngẫu nhiên chỉ bằng một clic và khám phá tên, mã HEX/RGB/HSL và các màu tương tự.
Bộ chọn màu (mũi tên nhặt)
Chọn bất kỳ màu nào trên màn hình của bạn bằng công cụ nhặt màu của trình duyệt, hoặc sử dụng bộ chọn màu cổ điển.
Trình mô phỏng mù màu
Tải lên một hình ảnh và kiểm tra cách những người bị mù màu (protanopia, deuteranopia hoặc tritanopia) nhìn thấy nó.
Trình tạo Sắc độ và Bóng
Tự động tạo các sắc độ sáng nhất và bóng tối nhất của bất kỳ màu nào, với mã HEX của nó.
Trộn Màu
Trộn hai màu và khám phá các tông màu trung gian từng bước, cùng với mã HEX của chúng.
Vòng Màu (Hài Hòa)
Chọn một màu trên vòng và khám phá các kết hợp hài hòa của nó: bổ sung, tương tự, tam giác và hơn thế nữa.
Trích xuất Bảng màu từ Hình ảnh
Tải lên hình ảnh và tự động trích xuất các màu chủ đạo thành bảng màu, kèm mã HEX của từng màu.
Màu Trung Bình của Một Hình Ảnh
Tải lên một hình ảnh và tính toán ngay lập tức màu trung bình của nó, với mã HEX, RGB và HSL.
Khám phá màu theo họ
Hơn 469 màu được đặt tên, với mã HEX, RGB, HSL và CMYK của chúng, được sắp xếp thành 12 họ sắc thái.
