DEV Community

Cover image for Generate a CSS Color Gradient

Generate a CSS Color Gradient

Color Tools 🌈 on February 09, 2022

The CSS Gradient online generator tool is a nice and simple to use utility to quickly generate linear and radial color gradients. You can create th...
Collapse
 
ekuplu profile image
Erman Küplü

Wow. Amazing tool. I wish you also supported the "CMYK" format for colors.

Collapse
 
colortools profile image
Color Tools 🌈 • Edited

Thanks, I will add.

Collapse
 
stephanreynolds profile image
Stephan Reynolds ✪

Good job 👏👏👏

Collapse
 
colortools profile image
Color Tools 🌈

Thanks 😊

Collapse
 
rankseotools profile image
Rank SEO Tools • Edited

Useful color gradient tool 👌

Collapse
 
colortools profile image
Color Tools 🌈

Thanks 😊

Collapse
 
darkwiiplayer profile image
𒎏Wii 🏳️‍⚧️ • Edited

Cool project, but let's be honest: Opening a new tab, navigating to about:blank and pressing F12 is much more comfortable.

As a suggestion: it would be really cool if there was an option to add additional colours to the gradient, either spread evenly or with custom distances :D

Collapse
 
colortools profile image
Color Tools 🌈

Thanks, I didn’t understand, can you explain please?

Collapse
 
darkwiiplayer profile image
𒎏Wii 🏳️‍⚧️

Which part?

Thread Thread
 
colortools profile image
Color Tools 🌈

All parts (:

Collapse
 
imgplaceholder profile image
Image Placeholder

I need this one :)

Collapse
 
colortools profile image
Color Tools 🌈

You can use 😬

Collapse
 
vpnprogramlari profile image
VPN Programları

Awesome guys. Congrats!

Collapse
 
colortools profile image
Color Tools 🌈

Thanks 😊

Collapse
 
nisabmohd profile image
Mohd Nisab Alam.

Great work 👍

Collapse
 
colortools profile image
Color Tools 🌈

Thanks 🤗

Collapse
 
nbldreams profile image
NBL

Nice

Collapse
 
colortools profile image
Color Tools 🌈

Thanks 😊

Collapse
 
kellywhite profile image
Kelly White

Perfecto 😍

Collapse
 
colortools profile image
Color Tools 🌈

Gracias

Collapse
 
k1pash profile image
Christopher Toman

Hey ✌ cool tool!

Have you seen this:
mycolor.space/

Their gradiants support 3 colors for example. Just as an idea for couple of next features.

Collapse
 
colortools profile image
Color Tools 🌈

Thanks 😊 Yep, I know this tool.

Collapse
 
colortools profile image
Color Tools 🌈

Thanks 🤗

Collapse
 
miguelznunez profile image
Info Comment hidden by post author - thread only accessible via permalink
Miguel Z. Nunez • Edited

Funny that I found this article because I had just built a slightly more advanced version of it. Find it here: iamcodefoxx.github.io/CSS-Gradient...

Collapse
 
darkwiiplayer profile image
Info Comment hidden by post author - thread only accessible via permalink
𒎏Wii 🏳️‍⚧️

...Why was this deleted?

Collapse
 
miguelznunez profile image
Info Comment hidden by post author - thread only accessible via permalink
Miguel Z. Nunez

Not sure why the author hid it, where you able to see the original message anyway?

 
darkwiiplayer profile image
Info Comment hidden by post author - thread only accessible via permalink
𒎏Wii 🏳️‍⚧️

Had to click on it and was confused because it's literally just another project that does the same except it's on github. I even checked the source of both projects in case you just stole their code, but it's clearly completely different.

 
miguelznunez profile image
Info Comment hidden by post author - thread only accessible via permalink
Miguel Z. Nunez

Stole their code lol that's funny.

Collapse
 
anupa profile image
Anup Aglawe

Thanks for Sharing.
Recently I worked on design tool to generate Mesh Gradients. Mesh Gradient

Would love any feedback,

Collapse
 
colortools profile image
Color Tools 🌈

Thanks 😊

Some comments have been hidden by the post's author - find out more