Convert a color between HEX, RGB, and HSL instantly in your browser, with a live preview.
Updated
/ 5 - Be the first to rate this tool Thanks for rating!
Verification failed - please try again.
Quick check
Please verify you're not a robot to submit your rating.
Give feedback
Tell us what you think about Convert colors between HEX, RGB, and HSL.
- Runs entirely in your browser — your color is never sent to a server
- Convert between HEX, RGB, and HSL with a live preview
- Free, no account required
How it works
-
1
Paste or enter the value you want to convert.
-
2
Conversion happens instantly as you type.
-
3
Review the result in the target format.
-
4
Copy the result to your clipboard.
Why use this tool
Every dev utility, one place
Format, convert, encode, decode, and generate — no more juggling ten tabs.
100% private, always
Every tool runs in your browser — your code and data are never sent anywhere.
Works on any device
Runs on Windows, Mac, Linux, iOS, and Android — nothing to install.
Instant results
No queues, no build step — results update as you type.
Built to handle real data
Full Unicode support and RFC-compliant parsing, edge cases included.
Free, always
Free to use, with no rate limits, sign-up, or trial period.
Frequently asked questions
Currently, the converter focuses on opaque formats, ignoring alpha channels in the calculations.
The math provides a perfect mathematical translation, though decimal rounding may vary slightly.
Yes, typing a shorthand like #FFF is automatically expanded and recognized as #FFFFFF.
Yes, the results are formatted cleanly with the rgb() or hsl() wrappers ready for copy-pasting.
No, the input requires strict numeric formatting (HEX, RGB, or HSL) to perform the math.
From the blog
Reading a JWT Without Trusting It: Claims, Expiry, and the Signature Trap
Decoding a JWT takes a second. Verifying one is a different job entirely — and confusing the two is how auth bugs ship. Here is how to read a token safely while you debug.
Mastering Base64: What It Is, How It Works, and When Not to Use It
Base64 is everywhere in modern web development, from data URIs to authentication headers. Here is a deep dive into how it works and common pitfalls to avoid.
Demystifying JSON: How to Troubleshoot Common Parsing Errors
JSON is the backbone of web APIs, but syntax mistakes can halt your code. Here is how to identify and fix missing commas, unescaped strings, and trailing characters.
Recently viewed
Related tools
Convert text case online
Convert text to camelCase, PascalCase, snake_case, kebab-case, Title Case, UPPER, and lower, instantly in your browser.
Convert between CSV and JSON online
Convert CSV to JSON or JSON to CSV instantly in your browser, with full quoted-field support.
Convert .env to JSON and JSON to .env
Convert .env files to a JSON object and flat JSON back to .env, handling quoted values, export prefixes and comments. Runs entirely in your browser, so secrets never leave it.
Generate TypeScript interfaces and PHP classes from JSON
Paste JSON and get TypeScript interfaces or PHP classes with typed properties, including nested objects and arrays, instantly in your browser.
Convert numbers between bases
Convert a number between binary, octal, decimal, and hexadecimal instantly in your browser.
Convert a Unix timestamp to a date
Convert a Unix timestamp to a human-readable date, or a date back to a timestamp, in your browser.
Compare two PDFs for free
See every added and removed line of text between two PDF documents.
Compress an image online for free
Reduce image file size while preserving visual quality, right in your browser.
Compress a PDF file for free
Shrink PDF file size while keeping quality readable, right in your browser.
Convert images in bulk for free
Convert many images between JPG, PNG, and WebP at once, right in your browser.
Convert an image format for free
Convert between JPG, PNG, and WebP, right in your browser.
Parse a cron expression and see its next run times
Paste a 5-field cron expression to get a plain-English summary and the next 5 run times, in your browser.