Tạo Dải Màu Gradient CSS
Tạo dải màu gradient sắc nét cho thiết kế website. Tùy biến góc xoay, điểm dừng màu sắc hoặc chọn nhanh các bộ màu phối sẵn thịnh hành.
Curated Trending Presets
🎨CSS Code
background: linear-gradient(90deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);📖 Các Loại Gradient Phổ Biến Trong Thiết Kế Web
Màu sắc chuyển tiếp mượt mà theo một đường thẳng theo góc độ xác định (ví dụ: từ trái sang phải 90° hoặc từ góc trên xuống dưới 135°).
Màu sắc lan tỏa từ một điểm tâm hình tròn hoặc hình elip ra ngoài theo các đường đồng tâm, tạo chiều sâu thị giác ấn tượng.
Màu sắc xoay 360 độ quanh một điểm tâm giống như chuyển động của kim đồng hồ hoặc bánh xe màu sắc.
Related Tools
Box Shadow & Glassmorphism
Interactive CSS box-shadow and glassmorphism generator with multi-layer shadows and live preview.
SVG Preview
Preview, edit and optimize SVG files in real-time
Color Picker
Pick colors and convert between HEX, RGB, HSL formats
Promo Image Generator
Create professional promotional images with custom dimensions
PNG to SVG
Convert PNG, JPG images to SVG vector format
CSS Unit Converter
Convert between px, rem, em, pt, %, and viewport units instantly
Need a specific tool, app, or extension?
AnyTools is a 100% free open-source project for creators and developers. If you have an idea for a missing tool, extension, or productivity feature, let us know via email. If you're a developer and want to contribute code, our GitHub repository is always open for pull requests!