15 người đã dùng
·
29 lượt xem
Tạo gradient CSS
Kéo thả điểm màu, xem ngay dải màu và lấy mã CSS.
Điểm màu bấm lên thanh để thêm
Mẫu có sẵn
CSS
Chọn kiểu tuyến tính, toả tròn hoặc xoay vòng, thêm và kéo các điểm màu trên thanh, chỉnh góc bằng thanh trượt. Mã CSS cập nhật ngay để bạn sao chép.
Linear chuyển màu theo một đường thẳng, radial toả ra từ tâm thành hình tròn, conic xoay quanh tâm như chiếc quạt. Công cụ gọi chúng là Tuyến tính, Toả tròn và Xoay vòng.
Tối đa 8 điểm màu. Bấm lên thanh màu hoặc nút Thêm màu để thêm, kéo để đổi vị trí và nhập số phần trăm để đặt vị trí chính xác.
Có, bấm Tải PNG để lưu ảnh 1920×1080 dùng làm hình nền, nền slide hay ảnh bìa. Nếu bạn đăng nhập, file tải về được lưu vào mục Lịch sử riêng của bạn và tự xoá sau 180 ngày.
linear-gradient và radial-gradient chạy trên mọi trình duyệt hiện đại. conic-gradient chạy trên Chrome, Safari, Firefox và Edge bản mới.
Đó là màu nền dự phòng cho trình duyệt rất cũ không hiểu gradient, giúp giao diện vẫn có màu thay vì trắng trơn.
Có, phần Mẫu có sẵn gồm nhiều dải màu phổ biến để bạn bấm dùng ngay rồi chỉnh tiếp. Nút Ngẫu nhiên cũng giúp bạn tìm ý tưởng nhanh.
Tránh ghép hai màu đối diện trên bánh xe màu vì vùng giữa dễ xỉn; thêm một điểm màu trung gian tươi hơn ở giữa, hoặc chọn các màu gần nhau.
Tạo Fill kiểu Linear hoặc Radial trong Figma rồi nhập các mã màu và vị trí giống trong công cụ. Hoặc tải ảnh PNG và đặt làm nền.
Được, gradient do bạn tự tạo nên bạn được tự do sử dụng cho dự án cá nhân và thương mại.
Không cần. Công cụ miễn phí và chạy ngay trên trình duyệt máy tính hoặc điện thoại.
Không, gradient CSS được trình duyệt vẽ trực tiếp nên nhẹ hơn nhiều so với dùng ảnh nền.
Gradient được tạo ngay trên trình duyệt của bạn. ColorME ghi nhận lượt dùng kèm đoạn mã CSS của gradient (màu, vị trí, góc) khi bạn tạo, sao chép hoặc tải PNG để thống kê, không kèm file ảnh.
Không có câu hỏi nào khớp. Thử từ khoá khác hoặc nhắn tư vấn.
Còn câu hỏi? Nhắn tư vấn
Công cụ khác cho người học thiết kế
- Mở khoá toàn bộ công cụ AI của ColorME: tạo ảnh, video, phụ đề… và thêm lượt tạo mockup mỗi ngày.
- Mỗi khoá học tại ColorME tặng 3 đến 24 tháng Premium, tuỳ khoá.
- Bạn bè được học viên mời: 1 tháng Premium.
Xem Premium Account
Xem khoá học
Học viên ColorME có thể mời bạn bè dùng Premium. Nhờ một học viên gửi lời mời tới email của bạn, sau đó đăng nhập bằng đúng email đó, Premium sẽ tự kích hoạt.