Color Picker

Picker
HEX
R
G
B
A
Stops
Upload Image
1background: #FF930F;
2background: linear-gradient(90deg, rgba(255, 147, 15, 1) 0%,rgba(255, 249, 91, 1) 100%)
Color PickerClick on the palette to pick a color…Use the online color picker above to select a color by clicking anywhere on the palette - you will see the HEX, RGB, and HSV values of the chosen color. You can also upload your own image by dragging it or clicking Upload Image, and then use the eyedropper tool to pick a color from the image. All selected colors are saved in the history below.
Gradient PickerClick on the gradient bar to add a stop…Use the online gradient picker above to create a gradient and get the CSS code. You can click anywhere on the gradient bar to add a color stop, drag stops to adjust their position, and click a stop to change its color. On the right side you can choose between Linear and Radial gradient types, and adjust the angle using the slider. If you have the browser extension installed, you can also access and use your color history from the extension.
Here is how to use Color Picker online
CSS Gradient Generator
About Us Colorspicker.net is a community project that helps you pick color codes from images and create gradients.
Why did we make this?Because we wanted something lightweight and easy - no logins, no cluttered interfaces. Just upload, pick, and copy. It’s part of our mission to create web tools that just work.
Chrome ExtensionIf you find our online tool helpful, be sure to check out the browser extension.