Free color tools · No signup · Everything runs in your browser
Free Color Conversion Tool

Online Color Converter

Convert CPS, HEX, RGB, RGBA, HSL, CMYK, OKLCH, and modern CSS color formats in both directions. Preview gamut behavior, copy production values, and find the nearest CPS reference.

Free Color Conversion Tool

Convert Any Color Format

Choose how you want to enter the color. Results update instantly and every method feeds the same conversion engine.

Paste a supported code. Live conversion updates while you type.

Quick examples
CPSDetected Color Format · Balanced Bloom Red
Inside sRGB
Light backgroundColor Preview
Dark backgroundColor Preview

Mobile component

Transparency grid
#FF958DFF

Conversion Board

Each format now includes a live color preview so you can compare the visual result and the code side by side.

Web Color Formats

8 formats
HEX
#FF958D
HEXA
#FF958DFF
RGB
rgb(255 149 141)
RGBA
rgb(255 149 141 / 100%)
SRGB
color(srgb 1 0.5843 0.5529 / 1)
HSL
hsl(4.21 100% 77.65%)
HSLA
hsl(4.21 100% 77.65% / 100%)
HWB
hwb(4.21 55.29% 0% / 100%)

Perceptual Color Formats

4 formats
OKLCH
oklch(77.93% 0.1288 25.02 / 1)
OKLAB
oklab(77.93% 0.1168 0.0545 / 1)
LAB
lab(7268.12% 38.89 21.57 / 1)
LCH
lch(7316.08% 46 29.22 / 1)

Print and CPS

2 formats
CMYKGeneric planning approximation
cmyk(0% 42% 45% 0%)
CPSNearest Color Pick System reference
CPS 01300B · nearest, ΔE00 0.62
Nearest CPS Color Match

CPS 01300B · Balanced Bloom Red

Compared with the Color Pick Color System using CIEDE2000 color difference. A nearest match is a recommendation, not an automatic replacement.

Your color#FF958D
Nearest CPSCPS 01300B
0.62ΔE00Excellent match
CMYK Print Planning

cmyk(0% 42% 45% 0%)

CMYK values are generic planning approximations. Final print results depend on the printer, ink, paper, and ICC profile.

C 0%M 42%Y 45%K 0%
Test in Contrast CheckerCreate Tailwind scale

Batch Playground

Paste up to 50 colors, one per line. Each row now shows a visual preview together with the converted values.

5 valid5 total
PreviewInputHEXOKLCHNearest CPS
#2563EB#2563EBoklch(54.61% 0.2152 262.88 / 1)CPS 23500E
CPS 01300B#FF958Doklch(77.93% 0.1288 25.02 / 1)CPS 01300B
rgb(22 163 74)#16A34Aoklch(62.71% 0.1699 149.21 / 1)CPS 15500E
hsl(221 83.19% 53.33%)#2564EBoklch(54.81% 0.214 262.7 / 1)CPS 23500E
oklch(77.93% 0.1288 25.02)#FF958Doklch(77.93% 0.1288 25.02 / 1)CPS 01300B

Private by design. Color conversion, batch processing, and ICC signature validation run locally in your browser. No color files are uploaded by this tool.

How the Color Converter works

1. Enter any supported color

Paste a CPS code, web color, perceptual value, wide-gamut CSS color, or CMYK planning value.

2. Resolve one canonical color

The browser parses the input once and uses a shared color engine to generate consistent outputs.

3. Review gamut and CPS matching

See sRGB and Display P3 compatibility, transparency, CMYK planning values, and nearest CPS distance.

4. Reuse the result

Copy values, export JSON or CSS, add the color to a palette, or send it to Contrast, Tailwind, UI Colors, and Print Lab.

Color Converter FAQ

What color formats can I convert?

Color Pick converts CPS, HEX, HEXA, RGB, RGBA, sRGB, HSL, HSLA, HWB, CMYK, OKLCH, OKLab, CIELAB, LCH, Display P3, Adobe RGB, ProPhoto RGB, Rec. 2020, and XYZ.

Can I convert HEX or RGB to CPS?

Yes. Color Pick compares the input color with the CPS library and returns the closest CPS reference together with its CIEDE2000 color difference.

Is CMYK conversion exact?

No. The default CMYK result is a generic planning approximation. Accurate production conversion requires a specific printer, paper, ink setup, and ICC profile.

What is the difference between RGB and sRGB?

RGB commonly displays 8-bit channel values from 0 to 255, while CSS color(srgb) uses normalized channel values from 0 to 1.

Can the converter preserve transparency?

Yes. Alpha values are preserved in HEXA, RGBA, HSLA, and compatible modern CSS color formats.

Are my colors or ICC profiles uploaded?

No. Conversion, batch processing, and ICC signature validation are designed to run locally in your browser.

Print limitation: generic CMYK values are planning approximations, not physical spot-ink formulas or certified press conversions. Always use the target printer profile and a physical proof for production decisions.

Related color tools

Color Guides

Learn with practical color guides

Browse all guides
Keep it colorful

Enjoying Color Pick?

Color Pick stays free, private, and account-free. Optional donations help cover hosting, testing, and new color tools.

Donate via SociabuzzOptional. Every tool remains free.