hello@luther.studio
Extract colors from images
Colority is the easiest way to extract core colors from any image. It’s a micro-tool that doesn’t just treat palettes like data – it presents them. Instead of wrestling with clunky color pickers, creatives get an instant palette ready for any project.
I originally hand-coded Colority at university, years ago in pre-AI times. Recently, I rebuilt it from scratch using Cursor. It enabled me to obsess over design and animation details in the code just as much as I usually do in Figma. The result is now live for free at www.colority.net.
Coloritys design language is as minimal as its purpose. The identity is anchored by a fluid, organic logo representing the blending of colors. This is paired with a modern sans-serif typeface and generous whitespace to ensure the user-generated palettes always act as the visual hero element.
Colority runs in the browser, allowing creatives to upload images directly from a phone camera or desktop library. To ensure optimal contrast against any extracted shade, the UI supports both light and dark modes. To make the UX intuitive from the start, the empty state displays a preview palette based on an example visual – instantly demonstrating the logic instead of confusing first-time users with a "blank canvas".
Users can seamlessly switch palette outputs between HEX, RGB, HSL, and Pantone. Individual codes or the entire palette can be copied to the clipboard with a single click. But Colority goes beyond displaying raw data. To elevate the experience, it uses a playful layout brought to life by fluid micro-animations. These details transform a standard utility into a crafted experience – adding a layer of joy and delight that design-conscious users can truly appreciate.