Gypes

Design utility

Color picker

Choose a color visually or enter a HEX value to get copyable RGB, HSL, HSV, and CMYK equivalents.

Color preview
Color values#2563EB · rgb(37, 99, 235) · hsl(221, 83%, 53%)

Convert one color across common models

The visual picker and HEX field stay synchronized. The result provides uppercase six-digit HEX, CSS-ready RGB and HSL, HSV for design applications, and a device-independent mathematical CMYK conversion. Click the result’s copy button to copy the complete set of values.

HEX, RGB, HSL, HSV, and CMYK

HEX and RGB encode the same additive screen color with different notation. HSL describes hue, saturation, and lightness; HSV uses value instead of lightness. CMYK is a subtractive print model, but the displayed conversion is only a numerical starting point. Accurate printing depends on ink, paper, device profiles, color spaces, and a managed production workflow.

Browser eyedropper

Some browsers provide an eyedropper that can sample a visible screen pixel after explicit permission. The button is disabled when that API is unavailable. Manual picking and conversion work without it, and selected values are processed in the current browser.

Displayed color varies with the screen, brightness, browser, operating system, and color profile. Do not treat an uncalibrated preview or generic CMYK conversion as a contractual brand, accessibility, manufacturing, medical, or print-production color specification.