UUID Studio

UUID Studio

Color Converter

Convert colors between hex, rgb(), and hsl().

  • 🔒 No data stored or uploaded
  • ⚡ 100% client-side
  • 🆓 Free, no account
Click Convert when ready

Override only when Auto cannot parse your paste. Changing this loads a matching sample into Input — click Convert to run. Use Load sample to cycle every format example.

All conversions

Read-only representations of the same 16 bytes. Every textual form is listed here, not in “Prefer format”.

Paste two values: if both sides are valid JSON, a structural diff appears; otherwise UUID / bytes are compared when both decode to the same format.

A
B

Create or edit JSON here (syntax colors), then format, validate, or convert - same as MongoDB $binary UUID blobs on the Convert tab once detected.

New document

Hash, HMAC, AES-GCM/CBC + RSA-OAEP, codecs, JWT decoding, UUID v4, and secure random - all client-side. JWTs use Base64URL (three segments), not a single MIME Base64 block - use Decode JWT below, not raw Base64 decode.

Examples

  • Hex 
    #5eead4
  • rgb() 
    rgb(94, 234, 212)
  • hsl() 
    hsl(174, 70%, 60%)

About Color Converter

A designer hands you a hex code, a design system exports HSL for easier lightness tweaks, and a canvas API wants RGB integers - the same color, three different notations, and converting between them by hand means either doing the math or reaching for a color picker just to read one value back out.

Paste a color in any of the three formats - hex, rgb(), or hsl() - and get all three back at once, converted exactly rather than approximated.

HSL is often the easiest to reason about when adjusting a color deliberately: keep hue and saturation fixed and only move lightness to get a consistent tint or shade ladder, which is awkward to do directly in hex or RGB.

FAQ

Does it support alpha/transparency (rgba, hsla, #rrggbbaa)?
Not currently - this focuses on solid colors in hex, rgb(), and hsl(). Strip the alpha channel before converting if your source includes one.
Why do the RGB and hex values sometimes round differently than expected?
HSL to RGB conversion involves floating-point math that gets rounded to the nearest integer byte value, so round-tripping hex → HSL → hex can occasionally shift a value by 1 - this is normal floating-point rounding, not a bug.