Content is loading…
Share
Convert colors between HEX, RGB, and HSL formats.
Accepts HEX, RGB, or HSL format
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)Convert colors between HEX, RGB, and HSL formats. Pick a color visually or enter any color value and instantly see all three representations with a live preview.
Quickly convert any color value between HEX, RGB, and HSL formats with a live visual preview.
Access the Color Converter tool
Navigate to the Color Converter tool page to begin your conversion process.
Enter your starting color value
Type or paste your HEX, RGB, or HSL code into the input field provided.
Select a color visually
Use the built-in color picker to adjust your selection and see changes in real-time.
Review the converted color formats
Instantly view the equivalent values for HEX, RGB, and HSL generated by the tool.
Copy your preferred color code
Select and copy the specific color format you need for your CSS or design project.
Estimated time: PT1M
how to use design tools
Learn how to use design tools effectively to create stunning visuals. Master CSS generators, color palettes, and accessibility checkers with this expert guide.
Convert HEX, RGB, HSL with Our Free Color Converter Tool
Easily convert between HEX, RGB, and HSL color formats. Use our free Color Converter to pick colors visually and get instant CSS values for your next project.
Share this tool
Visually build CSS gradients and copy the CSS output.
Upload an image and get all favicon sizes + HTML link tags.
Generate custom placeholder images with any size, color, and text.
Extract dominant colors from any image and export as HEX, RGB, HSL, CSS, or JSON.
Visually create CSS box shadows with live preview and one-click copy.
Design custom CSS border radius shapes with live preview.
Convert text or Markdown to a Word .docx file with live preview, RTL, and page-setup options.
See your public IP address plus full location, ISP, ASN, timezone, coordinates, and more.
Load and compare multiple URLs side by side in resizable iframes.
Convert Markdown to a fully customized, RTL-ready PDF.
Record your screen directly in the browser. Download as WebM video.
Create shareable URL playlists with live iframe preview and password protection.
Play local or online videos with HLS stream support, subtitles, playlist, and bookmarks.
Buy social media marketing services — followers, likes, views and more.