Developer Tools

Color Converter

Enter a color in any format (HEX, RGB, or HSL) and see all other representations updated instantly. Includes a color swatch, copy buttons for each format, and the nearest CSS named color.

Updates all formats instantly Browser-only One-click copy for HEX, RGB, HSL
#4F46E5

Edit any field below; all formats update automatically

R
G
B
H°
S%
L%
CSS HEX —
CSS RGB —
CSS HSL —

Features

  • Live conversion between HEX, RGB, and HSL
  • Color swatch preview
  • Nearest CSS named color displayed
  • Copy HEX, RGB, or HSL with one click
  • Accepts HEX shorthand (#ABC → #AABBCC)
  • Browser-only

How to use it

  1. Enter a color value in any input field (HEX, R/G/B, H/S/L).
  2. All other fields update instantly.
  3. See the color preview swatch.
  4. Copy any format with the Copy button.

Use cases

  • Converting brand colors between formats for CSS and design tools
  • Finding the HEX code for a known RGB value
  • Checking nearest CSS named color for documentation
  • Converting design system colors between tools

Limitations

  • Alpha channel (transparency) is not included in this tool. Use the Color Picker for RGBA/HSLA support.
See also

Related tools

Dev Browser

Hash Generator

Generate cryptographic hashes from text in your browser. Supports MD5, SHA-1, SHA-256, and SHA-512. No upload, computed locally using the Web Crypto API.

Use tool
Dev Browser

UUID Generator

Generate random UUIDs (v4) or time-based UUIDs (v1) in bulk. Copy one or download hundreds as a list, instant, browser-based, no server.

Use tool
Dev Browser

Base64 Encode Decode

Encode text to Base64 or decode Base64 to plain text instantly in your browser. Supports standard and URL-safe Base64, Unicode, and binary-safe encoding.

Use tool
Dev Browser

JSON Formatter

Format and beautify JSON online. Paste minified or messy JSON and get clean, 2-space indented output with syntax validation, instant, in-browser, no upload.

Use tool
Dev Browser

JSON Validator

Validate JSON syntax online with exact error messages. Get line number, column, and a human-readable explanation for every JSON error, processed in your browser.

Use tool
Dev Browser

JSON Minifier

Minify JSON by removing all whitespace and line breaks. Paste pretty JSON, get compact JSON for APIs, payloads, and config files. Browser-only, free.

Use tool
Questions & answers

Frequently asked

What HEX formats are accepted?

#RRGGBB and #RGB shorthand are both accepted. Hash prefix is optional.