Color Picker

About Color Picker

OptiPix Color Picker lets you grab any color from your screen using the native EyeDropper API in Chromium browsers, or pick colors from any uploaded image with pixel-precise accuracy. Every picked color is shown in HEX, RGB, HSL, HSV, CMYK, the nearest CSS named color, and the closest Pantone Solid Coated swatch. Each format has its own one-click copy button. Fine-tune any color with the built-in HSL and RGB sliders. A history strip remembers your last 30 picks across browser sessions. Build a palette of up to 8 colors and export it as CSS custom properties, JSON, or a downloadable PNG strip. The integrated WCAG contrast checker shows the AA/AAA pass/fail badges for any pair of colors. Everything runs locally — your screen pixels and uploaded images never leave your device. Perfect for designers picking brand colors, developers grabbing swatches from screenshots, accessibility auditors verifying contrast, and anyone tired of switching between native eyedroppers and color converters.

How It Works

The screen picker calls the browser's native EyeDropper API for one-pixel sampling. Image picking samples a single pixel from a 2D canvas via getImageData. Format conversions are pure math — RGB↔HSL↔HSV↔CMYK — and the named/Pantone matchers compute squared Euclidean distance against a reference list.

Use Cases

• •Grab a color from a screenshot for your design system
• •Convert any HEX you find online to RGB, HSL, or Pantone
• •Build a brand palette from a mood-board image
• •Verify the WCAG contrast of two colors before shipping
• •Identify a CSS named color from a hex code