Menu
Home PDF Tools Image Tools Utility Tools Blog FAQ Support Centre

Color Code Converter FREE | HEX, RGB, HSL, HSV and CMYK Conversion

Convert any colour between HEX, RGB, HSL, HSV, and CMYK formats instantly. Pick a colour from the colour wheel, enter a hex code, or type RGB values. All five formats update simultaneously. Copy any result with one click. Everything runs in your browser.

HEX to RGB
HSL and HSV
CMYK
Free Forever

Colour Code Converter

Complementary Colour

#9b9cfe

All Colour Formats — click to copy

HEX #6366f1
RGB rgb(99, 102, 241)
HSL hsl(239, 84%, 67%)
HSV hsv(239, 59%, 95%)
CMYK cmyk(59%, 58%, 0%, 5%)
CSS HSL hsl(239deg 84% 67%)

Colour Shades (same hue, varying lightness)

Frequently Asked Questions

The converter shows HEX (6-digit web format, e.g. #6366f1), RGB (red, green, blue each 0-255), HSL (hue 0-360 degrees, saturation and lightness as percentages), HSV/HSB (hue, saturation, value/brightness used in Photoshop colour pickers), CMYK (cyan, magenta, yellow, key/black as percentages used in print), and CSS HSL (modern CSS4 syntax). All formats update simultaneously when you change any input.
Both use a hue value (0-360 degrees on the colour wheel) and saturation. They differ in the third component. In HSL, lightness at 50% gives the pure colour, 100% is white, 0% is black. In HSV, value at 100% gives the pure colour, 0% is black. HSL is the model used in CSS hsl() function. HSV is the model used in most image editor colour pickers including Adobe Photoshop and GIMP.
RGB is an additive colour model used for screens — mixing coloured light. CMYK is a subtractive model used for printing — mixing ink pigments. The two models have different colour gamuts (ranges of reproducible colours). Some bright screen colours (saturated greens, blues, oranges) cannot be exactly reproduced in CMYK ink. Always convert from RGB to CMYK early in print design workflows and check for out-of-gamut colours.
The complementary colour is the colour directly opposite on the colour wheel, 180 degrees away in hue. Complementary pairs create maximum contrast and are widely used in logo design, poster design, and UI colour schemes. For example, the complement of blue (hue 240°) is orange (hue 60°). This tool calculates and shows the complementary colour with its hex code for copying.
CMYK conversion from RGB involves a black channel (K) extraction that reduces the combined cyan, magenta, and yellow. The simple formula used here (maximum-value black extraction) is mathematically correct but may differ from values produced by professional colour management software that uses ICC profiles and device-specific calibration. For production print work, always use professional software with the appropriate ICC profile for your specific printer and paper.

About One Doc Studio

One Doc provides Forever Free browser-based utilities.

Free Colour Code Converter Online — Convert HEX, RGB, HSL, HSV and CMYK Instantly

Colour code conversion is a daily task for web developers, UI designers, graphic designers, and print production teams. Different tools use different colour representations: CSS uses HEX and RGB or HSL, image editors use HSV for colour pickers, print workflows require CMYK, and design systems specify brand colours in all formats. The Colour Code Converter on OneDocPDF converts between five major colour formats simultaneously with a visual preview, shade palette, and complementary colour reference. Use the colour picker, enter a HEX code, or enter RGB values directly.

Understanding the difference between RGB and CMYK is critical for designers who work across both digital and print. The sRGB colour space used by most screens encompasses a wider gamut than typical CMYK printing. Highly saturated colours on screen — particularly bright blues, greens, and oranges — often cannot be reproduced exactly in print. Experienced designers check CMYK equivalents early in the workflow and adjust hue or saturation to stay within the printable gamut before creating final print files.

For related design tools, see our Image Color Picker to extract exact colour codes from any image, our QR Code Generator with custom colour options, and our Image Watermark tool for text overlay with colour control. All tools are free, private, and browser-based.