Color Picker from Image
Click a pixel in an uploaded image to sample its HEX and RGB color.
Design & socialDesign & social tools
CSS Gradient Generator
Preview a two-color gradient and copy its CSS.
Your workspaceProcessed in your browser
Loading workspace…
How to use css gradient generator
- Choose First color and Second color.
- Set Angle (degrees) from 0 to 360.
- Select Generate result and copy the background declaration into your CSS selector.
Work through an example
Generate a left-to-right gradient, interpret the angle control, and check text over the full background rather than one endpoint.
Create a two-color CSS gradient with a known direction →Formats, privacy, and practical limits
This tool processes the values you enter in your browser. No account or upload to ERITHRA is required.
Files and generated results exist only for this tab session. Download any result you want to keep before leaving the page. Browsers may use temporary memory or disk cache while processing.
Frequently asked questions
Which angle makes the gradient run left to right?
A 90-degree gradient runs toward the right. A 270-degree angle reverses that direction.
Can I add radial gradients or custom stop positions here?
No. The controls generate one linear gradient with two colors and one angle. Additional gradient features require further CSS editing.