Design tool
Color Converter & Picker
Pick a color and keep HEX, RGB, HSL, and CMYK values synchronized.
Color values
Edit any format
About this tool
Translate one color across four formats
HEX, RGB, and HSL describe screen colors in different notations, while CMYK approximates subtractive print channels. Converting between them helps keep design systems, CSS, and handoff values consistent.
Choose visually, type a HEX value, or edit individual RGB, HSL, and CMYK channels. Every representation updates together and each formatted value is ready to copy.
How it works
Convert a color in three steps
- 1Choose or enter a color
Use the native picker, HEX field, presets, or channel inputs.
- 2Fine-tune channels
Adjust RGB, HSL, or CMYK and watch every format update.
- 3Copy the result
Select any formatted row to copy its value.
Common questions
Color Converter FAQ
Can I enter short HEX colors?
Yes. Three-digit values such as #0af are expanded to six digits.
Why can CMYK vary between applications?
Screen-to-print conversion depends on color profiles, inks, paper, and software; this tool provides a mathematical approximation.
Are RGB and HSL CSS-ready?
Yes. The copied RGB and HSL strings use modern browser-compatible CSS notation.