I built a browser color picker that replaces five separate color tools

I kept switching between separate tools for picking a color, sampling an image, converting formats, generating a palette, and checking contrast.

So I built one browser-based workspace that combines them.

What it includes

• Visual saturation, brightness, and hue controls
• Screen eyedropper where the browser supports it
• Pixel sampling from a locally uploaded image
• Synchronized HEX, RGB, HSL, HSV, and CMYK values
• Complementary, analogous, triadic, and split-complementary palettes
• WCAG contrast checks for normal and large text
• CSS custom property and JSON palette exports
• Recent colors stored during the current session

Everything runs in the browser. Image files are processed locally, and no account is required.

Live tool:
Color Picker Olivez

The interface was also an important part of the project. I wanted it to feel like a proper design workspace rather than another form inside a generic calculator card.

I would especially appreciate feedback on two things:

1. Does the transition from the hero into the color workbench feel natural?
2. Does the tool expose too many controls at once, or is the layout still easy to understand?