Skip to content
All designer tools

Color Converter

hex · rgb · hsl · oklch, from any of them

Accepts hex, rgb()/rgba(), hsl()/hsla(), and oklch(). Alpha is dropped.

All formats

Keep this colour. This browser remembers what you last had open. A free account remembers the ones you name, on every machine you use.

Preview
On light
#10b981
On dark
#10b981
Tip: click any row to copy its CSS string. Everything runs locally — nothing is uploaded.

Now use it on something

Every effect, block, page and template in the catalog is styled against tokens shaped exactly like these — so they take your values rather than fighting them.

npx shadcn@latest add https://hoverlab.dev/r/hoverlab.json

More designer tools

All 36 run in the tab — no account, no upload.See all