Color Picker
Pick any color and instantly get HEX, RGB, and HSL values with one-click copy and live preview swatch.
Interactive color picker with live visual preview, format conversion to HEX, RGB, HSL, and copyable code snippets.
#3B82F6
Color Formats
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
RGB Obj
{ r: 59, g: 130, b: 246 }
CSS
#3B82F6
Frequently Asked Questions
How do I enter a color manually?
Type a HEX color code (e.g., #FF5733) in the HEX input field. You can use 3-digit shorthand (#F00) or 6-digit format (#FF0000). The picker supports both with and without the # symbol.
What color formats are available?
The color picker provides HEX, RGB (red/green/blue), HSL (hue/saturation/lightness), a CSS-compatible format, and an RGB JavaScript object format for easy use in code.