Back to Tools
✓ Verified
Color Code Converter
Convert colors between HEX, RGB, HSL, and CSS color names with live preview.
Suggested Tools
All ToolsMeta Tag Preview
See how your website link looks when shared on WhatsApp, Facebook, and Twitter.
API Response Mock Generator
Generate realistic fake API response data for testing. JSON format output.
CSS Box Shadow Generator
Design beautiful box shadows visually. Adjust sliders and copy the CSS code.
JSON to Code Converter
Paste JSON and get TypeScript interfaces, Python dataclasses, or Go structs.
Open Graph Meta Generator
Generate OG meta tags for better social sharing previews on Facebook, Twitter, and WhatsApp.
Branded QR Code Generator
Create custom QR codes with your logo, brand colors, and rounded corners. Download as PNG.
#10b981
rgb(16, 185, 129) · hsl(160, 84%, 39%)
HEX
RGB
HSL
Color Picker
Frequently Asked Questions
How do I convert HEX to RGB?
Type or paste a HEX color code (e.g., #10b981) in the HEX field. The tool instantly shows the RGB and HSL equivalents with a live color preview.
Can I pick a color visually?
Yes, click the color picker to select any color visually. All three formats update automatically.
What color formats are supported?
The tool supports HEX, RGB, and HSL color formats. Click the copy button next to any format to copy the value.