Color Picker & Converter

Every design and development tool asks for color in a different format. A CSS file wants hex or rgb(), a print layout wants CMYK, a design tool's sliders often work in HSB, and a CSS custom property might be written in hsl() for easier lightness tweaks. Converting between these by hand — or hunting for a converter that supports the one format you actually need — is a small but constant friction.

This tool solves it by showing all five formats at once, updating live no matter which input method you used to land on the color. Type a hex code, drag the native color picker, use your system's eyedropper to sample a pixel from anywhere on your screen (in browsers that support the EyeDropper API), or upload an image and click directly on it to sample that exact pixel.

The eyedropper and image-sampling features solve a specific real problem: matching a color you can see but don't have the code for — a brand color in a logo, a shade from a photo, a color from another website. Instead of guessing or using an OS-level screenshot-and-guess workflow, you get the exact pixel value converted into every format you'd need.

Every conversion uses standard, verifiable color math — the same formulas used across design and browser tooling — computed directly in your browser. Nothing about the colors you pick, or any image you upload to sample from, is ever sent anywhere.