A collection of color tools
Click here
for live demo
- Palette - Save your favorite colors
- Persist preferences - Continue from right where you left
- New colorspace - OKLAB (& OKLCH)
- Proper gamut mapping - More accurate estimation for out of gamut colors
- Slider optimization - Say goodbye to lag
- Nearby/Similar colors - Click the match color box
- Slider optimization - Less lag hopefully
- User interace explained - See below
-
Name
Find the name of a desired color from a handpicked list of ~4k color names -
Convert
Convert between various color spaces as your need with dyanamic shiny sliders -
Palette & Gradient Upcoming
Create beautiful & well balanced color palettes & gradients using perceptually uniform color spaces to achieve best visual consistency -
Auto/Random theme engine Upcoming
Let's see how it goes
Everything is pretty much intuitive, except a few things...
-
Click the input color block to get a random color
-
Click the match color block to see nearby/similar colors
-
The number you may see inside the match color block is the color difference between the input & match. You may not see it clearly when the difference is small.
-
You can use Regular Expression in the search box
-
An asterisk will appear in the input hex when gamut clipping happens (RGB values are out of gamut/range)
-
Geek mode: The missing parts of the slider background strip are out of gamut colors that can't be shown in RGB colorspace.
-
The bottom strip shows estimated colors in those places by clamping RGB values within range.
-
The top strip shows the estimated colors with adjusted transparency indicating the extent of gamut clipping, that is, the more out of range, the more faint colors.
Inspired from
Name that Color
List of color names
GitHub/meodai/color-names