Loading color tools…
Loading color tools…
Loading color tools…
Build linear, radial, and conic gradients with a live preview. Copy CSS or Tailwind code instantly.
Pick any color and instantly get its HEX, RGB, HSL, and CMYK values
Generate beautiful multi-color palettes from a single seed color
Upload an image and extract its dominant colors as a palette
Convert colors between HEX, RGB, HSL, HSV, and CMYK formats instantly
Choose gradient type
Pick Linear, Radial, or Conic from the type buttons at the top.
Adjust the angle
Drag the angle slider (0°–360°) to rotate a linear or conic gradient.
Edit color stops
Change each stop's color using the picker or HEX input. Drag the position slider to move where that color appears.
Add or remove stops
Click '+ Add Stop' to add more colors. Click ✕ on any stop to remove it. Minimum two stops required.
Copy the CSS
The CSS background property and Tailwind arbitrary value update in real time. Click 'Copy CSS' to grab the code.