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
CSS Clip-Path & Shape Generator
Create custom geometric shapes, polygon cutouts, and responsive CSS clip-paths with an interactive draggable vertex canvas, rich presets, and instant Tailwind / SVG export.
Promo Image Generator
Create professional promotional images with custom dimensions
SVG Preview
Preview, edit and optimize SVG files in real-time
Image Compressor
Compress PNG, JPG, WebP images without losing quality
Neumorphism & Claymorphism 3D CSS Generator
Generate soft tactile Neumorphism and puffy 3D Claymorphism UI styles with dual drop shadows, inset bevels, light angles, and instant CSS / Tailwind export.
Color Picker
Pick colors and convert between HEX, RGB, HSL formats
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!