Trình tạo chuyển màu dạng lưới

Cách ba dạng đầu ra được dựng

• PNG dùng cùng phương pháp hòa màu theo trọng số khoảng cách như bản xem trước. Nếu chọn tỷ lệ khung hình khác, các điểm tương đối ấy sẽ được vẽ theo kích thước mới.
• SVG chồng các chuyển màu xuyên tâm tại cùng điểm điều khiển và vẫn sắc nét khi phóng to.
• CSS tạo một lớp radial-gradient() cho mỗi điểm trên màu nền, không cần tệp ảnh riêng.

SVG và CSS dùng cùng dữ liệu dự án nhưng chỉ mô phỏng nhẹ hiệu ứng lưới. Các điểm ảnh sẽ không giống hoàn toàn với PNG.

Gợi ý chọn bảng màu

• Các sắc độ gần nhau thường tạo chuyển tiếp dịu.
• Các sắc độ tương phản làm ranh giới giữa các vùng rõ hơn.
• Bảng màu ngẫu nhiên chỉ là điểm khởi đầu, không bảo đảm chữ dễ đọc.
• Kiểm tra độ tương phản của chữ, biểu tượng và nút điều khiển trên nền hoàn chỉnh.

Đặt điểm điều khiển

Kéo điểm được đánh số trên bản xem trước, hoặc đưa tiêu điểm vào điểm rồi dùng phím mũi tên. Giữ Shift để di chuyển năm điểm phần trăm mỗi lần. Các ô ngang và dọc cũng cho phép nhập vị trí chính xác.

Điểm có thể nằm sát cạnh. Đặt nhiều điểm gần nhau sẽ tập trung màu vào một vùng; tách chúng ra sẽ dành nhiều không gian hơn cho từng màu.

Mục đích sử dụng phổ biến

• Nền phần mở đầu và vạch ngăn giữa các phần.
• Thẻ mạng xã hội và ảnh thu nhỏ video.
• Nền bài thuyết trình và hình minh họa.
• Màn hình khởi động và bảng trang trí.

PNG giống bản xem trước nhất. Dùng SVG khi cần phóng to sắc nét, hoặc CSS khi muốn nền có thể chỉnh sửa mà không cần ảnh riêng.

Quyền riêng tư và lưu trữ

Màu, vị trí và độ phân giải chỉ nằm trong bộ nhớ trình duyệt và sessionStorage. Chúng không được thêm vào URL của quy trình hay trạng thái máy chủ của chúng tôi. Công cụ có thể ghi nhận rằng đã có thao tác xuất nhưng không kèm bất kỳ giá trị dự án nào.

Dự án có thể được khôi phục từ sessionStorage trong tối đa sáu giờ khi thẻ hiện tại còn mở. Đóng thẻ thường sẽ xóa dữ liệu sớm hơn, vì vậy hãy tải xuống hoặc sao chép nội dung bạn muốn giữ.