Developer utilities
HEX ↔ RGB Color Converter
Convert between HEX, RGB, and HSL color codes with a live preview.
Enter a color in any format. See HEX, RGB, and HSL side by side with a live swatch.
HEX#2D5F3F
RGBrgb(45, 95, 63)
HSLhsl(142, 36%, 27%)
How to use it
- 1Enter HEX, RGB, or HSL.
- 2Read the other formats.
- 3Copy the one you need.
Real use cases
- Design token translation.
- CSS variable setup.
- Brand color audits.
Frequently asked
What is HSL?
Hue-Saturation-Lightness. Easier to reason about than RGB when adjusting shades - change L to darken, S to desaturate.
More in this category
Other developer utilities tools
JSON Formatter & Validator
Pretty-print, minify, and validate JSON right in your browser.
Base64 Encoder / Decoder
Encode text to Base64 or decode Base64 back to text.
URL Encoder / Decoder
Percent-encode or decode URLs and query string values.
Text Diff Checker
Compare two blocks of text line by line and highlight differences.
Regex Tester
Test regular expressions against text and see live match results.
UUID Generator
Generate v4 UUIDs in bulk. Copy one or all with a click.
Want a private version for your team?
Custom calculators with your branding, saved defaults, and team access - built to fit your process.