1. What does this tool do
This free online color picker lets you choose a color visually or enter a HEX, RGB, HSL, HSV, or CMYK value and see every other format update instantly. Use it for HEX to RGB, RGB to HEX, or color conversion in design, CSS, or quick reference. Free and private—no sign-up, no upload. Everything runs in your browser. Ideal for CSS, brand colors, accessibility checks, or converting between formats.
2. How to use it
Quick start: Pick a color with the visual picker or type a code (e.g. #ff5733, rgb(255,87,51)). See HEX, RGB, HSL, HSV, and CMYK update; copy the format you need.
- Pick or enter a color — Use the visual picker (if available) or type a color code (e.g. #ff5733, rgb(255,87,51)).
- See all formats — HEX, RGB, HSL, HSV, and CMYK values update in real time.
- Copy — Copy the format you need (e.g. for CSS or design software).
- Adjust — Change one value and watch the others and the preview update.
3. How it works
The tool converts between color spaces using standard formulas (e.g. RGB ↔ HSL, RGB ↔ CMYK). All five formats are derived from a single RGB tuple as the canonical intermediate. The preview is rendered with the current color. All processing is client-side in your browser; no server is used. No data is sent to any server.
4. Use cases & examples
- CSS or design — Get HEX or RGB for a color you have in another format.
- Brand colors — Store or share exact values in multiple formats.
- Accessibility — Check contrast by comparing two colors (use with other tools if needed).
- Quick reference — Convert between formats without leaving the browser.
Example
- #3498db → RGB(52, 152, 219), HSL(204°, 70%, 53%), etc.
- rgb(255, 0, 128) → HEX #ff0080 and other formats.
5. Limitations & known constraints
- Color space — Conversions use standard sRGB-style models; results may differ from print or wide-gamut systems.
- Input format — Only supported formats (HEX, RGB, HSL, HSV, CMYK) are parsed; names like "red" may or may not be supported depending on implementation.
- Preview — Display depends on your screen and browser color management.