Skip to content
An independent index of 1,651 brand websites — platforms, security, email and SEO Web indexAdvertiseContact
coolbrands
Find a brand
coolbrands
Get in touch
  1. Home
  2. Tools
  3. Color converter
Runs in your browserDesign

Color converter

Paste a color in any CSS format or use the picker: every format updates at once and copies with a click. Runs in your browser.

#3b82f6
Runs locally — nothing is uploaded
Result
Paste a color or pick one.

How to use

  1. 1Paste a color: #3b82f6, rgb(59 130 246), hsl(217 91% 60%), oklch(62% 0.19 260), cmyk(…) or a name like teal.
  2. 2Or choose one with the picker.
  3. 3Click any value to copy it.

Hex with 3, 4, 6 or 8 digits, rgb()/rgba(), hsl()/hsla(), hwb(), oklab(), oklch(), cmyk() or device-cmyk(), the 148 CSS color names and transparent. Comma and space syntax both work, and hues can be in deg, rad, grad or turn.

OKLCH is perceptually uniform: the same change in lightness looks the same across hues, so palettes and adjustments behave predictably. All current browsers support it in CSS.

No. It is the plain conversion formula without an ICC profile; real print values depend on paper and press, so check with your printer.

OKLCH and OKLab can describe colors an ordinary screen cannot show. The tool keeps lightness and hue, lowers chroma until the color fits, and tells you it did.

Related tools

Contrast checkerWCAG AA/AAA contrast ratio, plus APCA Palette generatorOKLCH color scales and harmonies Domain typo generatorTyposquatting variants of your domain, for brand protection Domain name generatorTurn keywords into hundreds of domain name ideas Open Graph generatorSocial share tags with a preview SERP snippet previewPreview title and description in search

Want your brand’s website benchmarked?

We compare your site with your category on security, speed, email and SEO — and fix what lags behind.

Get in touchServices