Loading
Convert supported color values to HEX, RGB, HSL, HSV and OKLCH representations.
DeveloperType or paste a color value (HEX like #3b82f6, RGB like rgb(59,130,246), or a CSS name like 'blue') into the input field.
Alternatively click the color swatch on the right to open the native color picker and choose any color visually.
All conversions (HEX, RGB, HSL, HSV, OKLCH, and CSS named color if applicable) appear instantly in the results section.
Click the Copy button next to any format to copy that specific value to your clipboard.
Convert a brand HEX color into HSL for Tailwind CSS custom properties, or into RGB for CSS rgba() transparency values.
Get OKLCH values for modern design tokens in CSS that provide perceptually uniform color scales across your design system.
Designers often work in HSL while developers need HEX or RGB for code — convert instantly to avoid manual calculation errors.
Check the L (lightness) component in HSL or OKLCH to quickly assess whether foreground and background colors have sufficient contrast.
Color Format Converter instantly translates any color between HEX, RGB, HSL, HSV, and OKLCH formats right in your browser — no installation needed. Paste a value or use the color picker and every format updates simultaneously.
Found incorrect guidance or a result? Send the team steps and a non-sensitive example.
Convert a JSON array of objects into CSV text for copying or download.
Format, minify and check JSON syntax with selectable indentation in your browser.
Encode UTF-8 text as Base64 or decode Base64 back to text; this is not encryption.
Encode or decode a URL component using percent encoding.
Convert YAML to JSON or JSON to YAML, then inspect the resulting data types.
Test JavaScript regular expressions with flags, match highlighting and capture groups.