All toolsESC
Generate / Color Picker
Color Picker
Drag to create your own unique color. Copy the hex, RGB, or HSL code instantly.
HEX
#21d2edRGB
rgb(33, 210, 237)HSL
hsl(188, 85%, 53%)Tips
Drag — Move around the canvas to pick
Hue — Slide the bar to change base color
Type — Enter any hex code directly
Copy — Get HEX, RGB, or HSL values
About Color Picker
Pick any color with an interactive color wheel and get the value in HEX, RGB, and HSL formats instantly. RAW's Color Picker lets you drag to find the perfect color, adjust hue, saturation, and lightness, and copy color codes with one click. Ideal for web development, UI design, and CSS styling.
How to use
- 1Drag on the color area to pick your desired color.
- 2Use the hue slider to change the base color.
- 3Copy the HEX, RGB, or HSL value with one click.
- 4Enter a color code directly to preview it.
Frequently Asked Questions
What color formats are supported?
RAW supports HEX (#FF5733), RGB (rgb(255, 87, 51)), and HSL (hsl(11, 100%, 60%)) formats. All three update simultaneously as you pick colors.
Can I enter a color code to preview it?
Yes. Paste a HEX, RGB, or HSL color code and the picker will display that color. You can then adjust it visually and copy the updated value.
Is the alpha channel supported?
The color picker focuses on solid colors (HEX, RGB, HSL) without alpha/opacity. For transparent colors, you can manually add the alpha value to the generated code.