Trình tạo ảnh chuyển màu
Tạo chuyển màu tuyến tính hoặc tỏa tròn với hai hay ba màu. Chỉnh góc và kích thước ảnh, tải nền chuyển màu hoặc sao chép CSS cho trang web.
- Chuyển màu tuyến tính và tỏa tròn
- Tải ảnh và sao chép CSS
Xem trước trực tiếp
1920 × 1080 pxBản xem trước được thu phóng để vừa khung. Ảnh tải xuống giữ nguyên kích thước pixel đã chọn ở trên.
background: linear-gradient(90deg, #2563eb, #e879f9);CSS và PNG có thể hiển thị hơi khác nhau vì cách nội suy màu của mỗi trình duyệt khác nhau.
Cách sử dụng
- Đặt kích thước ảnh và chọn chuyển màu tuyến tính hoặc tỏa tròn.
- Chọn màu bắt đầu và kết thúc, thêm màu ở giữa nếu cần, rồi chỉnh góc cho kiểu tuyến tính.
- Tải PNG hoặc JPEG, hoặc sao chép khai báo nền CSS.
Điều kiện và giới hạn
Công cụ tạo nền chuyển màu trang trí. Để kiểm tra hiện tượng phân dải màu, hãy dùng bài kiểm tra chuyển màu riêng. Ảnh tạo ra không xác nhận độ sâu bit hay độ chính xác màu của màn hình.
Câu hỏi thường gặp
Góc chuyển màu có ý nghĩa gì?
Góc tuân theo quy ước CSS: 0° đi từ dưới lên trên, 90° từ trái sang phải và 180° từ trên xuống dưới. Chuyển màu tỏa tròn bắt đầu từ tâm.
Ảnh chuyển màu tải xuống có giống hệt CSS không?
Chúng dùng cùng màu và hướng, nhưng nội suy màu của trình duyệt và thu phóng ảnh có thể tạo khác biệt nhỏ. Hãy dùng ảnh tải xuống khi cần kết quả pixel cố định.
Khám phá thêm
Tạo PNG trống thực sự trong suốt với kích thước tùy chọn. Xem trước nền alpha và tải ảnh rỗng để dùng cho bố cục, lớp phủ hoặc tài nguyên thiết kế.
Trình tạo ảnh đơn sắcTạo ảnh một màu bằng mã HEX riêng và kích thước chính xác. Tải PNG hoặc JPEG để làm hình nền trơn, phông nền hoặc ảnh tham chiếu cho màn hình.
Trình tạo ảnh giữ chỗTạo ảnh giữ chỗ có nhãn kích thước hoặc văn bản riêng. Chọn màu nền, màu chữ và kích thước chính xác, rồi tải PNG hoặc JPEG cho bản thiết kế mẫu.