Featured tools
Unleash your creativity with the easiest color generators.
Color tools
Explore, create, and transform stunning colors.
Color conversion
Transform a single color into various formats.
Light theme generator ī
Bright and clean light UI themes.
Dark theme generator ī
Build stunning dark-mode experiences.
Color mixer ī
Generate balanced, vibrant color blends.
Text gradient generator ī
Stunning, visually appealing text.
CSS gradient generator ī
Build seamless multi-stop color gradients.
Color scheme generator ī
Cohesive and consistent color palettes.
Mesh gradient generator ī
Beautiful gradients for hero sections or backdrops.
Join Colorffy Pro
Upgrade to Pro and unlock more features.
Discord community
Join our new Discord, ask questions, share your projects, and get the latest updates.
Colors
0%
50%
100%
Type
Angle direction
Position
Copy CSS
Click the code to copy or press CTRL + C
Custom generated
background: linear-gradient(45deg, #c11ceb , #6f19b5 50%, #25007a 100%)
HDR color space
HDR oklab colors
background: linear-gradient(45deg, oklab(60.4% 0.207 -0.19), oklab(44.9% 0.117 -0.184), oklab(28.4% 0.031 -0.168))
Fallback colors
background: linear-gradient(45deg, #c11ceb, #6f19b5, #25007a)
Interpolation
Interpolate between two colors to create a smooth-looking color palette.
Preview
Download gradient image
Choose the perfect size and format for your image wallpaper or background.
Image formats
PNG
JPEG
SVG
Image sizes
4K
3840x2160
Ultrawide Desktop
3440x1440
Widescreen Monitor
2560x1440
1080p
1920x1080
iPhone 16 Plus
1290x2796
iPhone 16 Pro
1179x2556
Pixel 9 Pro
1344x2992
Mobile Portrait
1080x1920
Instagram Square
1080x1080
Instagram Portrait
1080x1350
Instagram Landscape
1080x566
Instagram Story
Twitter Header
1500x500
Profile Picture
Google Slides (Standard)
960x540
A4 Paper (Print)
2480x3508
Letter Paper (Print)
2550x3300
We use cookies to make your experience better. To learn more, check out our policy.
Submit feedback
We'd love to hear from you, tell us what you think about Colorffy, and what we can improve.
What's your suggestion? š”
Optional
Create your free account
Sign up to save and like your color palettes, gradients, and more.
or
Already have an account? Log in
By signing up, you agree to our Terms of Service and Privacy Policy
Trusted and used by designers and developers from companies around the world.
Get access to more export file formats, app tokens, remove ads, unlimited collections, and more.
Export Dark/Light themes to .css, and .csv
App color tokens (Android, Flutter, Swift, .NET MAUI)
App gradient code (Android, Flutter, Swift)
Gradients/Palettes wallpaper (4k, ultrawide, widescreen, iPhone, Pixel, etc.)
Create unlimited collections
Export colors to multiple formats (.json, .css, .csv)
Download colors as images (.jpeg, .png, .svg)
Remove ads and more
Home
Discover
Palettes
Gradients