Glyph WidgetsGlyph Widgets
AboutContactPrivacyTermsSupport on Ko-fi

© 2026 Glyph Widgets. All rights reserved.

·

100% Client-Side Processing

Color Converter

Last updated: March 6, 2026

Instantly convert colors between all major formats: HEX, RGB, HSL, HSB (HSV), and CMYK. Auto-detect input format and see all conversions in real-time.

Features

  • ▶Convert between HEX, RGB, HSL, HSB, CMYK
  • ▶Auto-detect input color format
  • ▶Real-time conversion as you type
  • ▶Copy any format to clipboard
  • ▶Visual color preview
  • ▶Works offline after loading

How to Use This Tool

1

Enter a Color

Type or paste any color value in the input field. Supported formats: #FF5733, rgb(255, 87, 51), hsl(10, 100%, 60%). The format is auto-detected.

2

Or Pick Visually

Use the color picker button to select a color visually. This is helpful when you don't have an exact value in mind or want to explore color options.

3

View All Formats

See instant conversions to all supported formats (HEX, RGB, HSL, HSB, CMYK). Each format shows the complete value ready to copy.

4

Copy What You Need

Click the copy button next to any format to copy it to your clipboard. Use the adjusted values section for fine-tuning colors with precise numeric control.

Input Detection

The converter parses your input to detect the color format. It recognizes HEX codes (with or without #), rgb() and rgba() functions, hsl() and hsla() functions. Invalid inputs are gracefully ignored.

RGB as Intermediate

All conversions use RGB as an intermediate format. Input is first converted to RGB, then RGB is converted to all output formats. This ensures mathematical consistency across all conversions.

HEX Conversion

HEX colors represent RGB values in hexadecimal (base 16). Each pair of characters (RR, GG, BB) represents a value from 00 to FF (0-255 in decimal). The conversion simply changes between number bases.

HSL Conversion

RGB to HSL conversion calculates: Hue from the dominant color component's position on the color wheel (0-360°), Saturation from the range between min and max RGB values, and Lightness from the average of min and max.

CMYK Conversion

RGB to CMYK conversion: K (black) = 1 - max(R,G,B), C = (1-R-K)/(1-K), M = (1-G-K)/(1-K), Y = (1-B-K)/(1-K). This is a mathematical approximation; actual print colors depend on ink and paper properties.

Frequently Asked Questions

This tool converts between HEX (#RRGGBB), RGB (Red, Green, Blue), HSL (Hue, Saturation, Lightness), HSB/HSV (Hue, Saturation, Brightness), and CMYK (Cyan, Magenta, Yellow, Key/Black).

Related Tools

Color Picker

Pick colors from screen

Contrast Checker

Check WCAG compliance

Palette Generator

Generate color palettes

Supports: HEX (#RRGGBB), RGB, HSL, or plain hex values

#3B82F6
Or pick a color visually

All Formats

HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
HSBhsb(217, 76%, 96%)
CMYKcmyk(76%, 47%, 0%, 4%)
Share

Saved Presets is a Supporter feature.

Tool History is a Supporter feature.

Tool Notes is a Supporter feature.