About the App

Precision Colour Picking, Made Simple

Pro‑Colour‑Picker is a lightweight, browser‑based tool for designers, developers, and anyone who works with colour. It’s built to be fast, accessible, and accurate, with live updates in multiple formats, including OKLCH for modern colour workflows.

Why I Built It

I wanted a colour picker that respected accessibility, gave me instant feedback, and didn’t bury features in menus. Pro‑Colour‑Picker is the result, a tool that’s as useful for quick inspiration as it is for production‑ready design work. This is great to have open in a tab, while coding.

Core Features

  • Live Preview: See your colour updates instantly as you adjust values
  • Multiple Formats: HEX, RGB, HSL, and OKLCH output
  • Accessibility Checker: Built‑in contrast ratio testing for WCAG compliance (Coming soon)
  • Copy to Clipboard: One‑click copying for any format
  • History Panel: Keep track of recently used colours
  • Responsive Design: Works on desktop, tablet, and mobile
  • Keyboard Shortcuts: Quick format switching without touching the mouse

Upcoming Features

WCAG 2.1 AA checks and recommendations coming soon!

What’s Next

Pro‑Colour‑Picker will continue to evolve with accessibility and precision at its core — from advanced OKLCH manipulation to AI‑assisted palette generation.

“Colour is more than a hex code — it’s communication. Pro‑Colour‑Picker makes sure you speak it fluently.”

Preview

Screenshot of Pro‑Colour‑Picker interface

Actions

Open Live App (opens in a new tab)