Skip to content

Color Converter

HEX, RGB, HSL, HSV, HWB and CMYK in sync.

Convert colors between HEX, RGB, HSL, HSV, HWB and CMYK.

  • Side panel
  • Right-click menu
  • Command palette
Add to Chrome(opens the Chrome Web Store in a new tab)or pressCtrlShiftSpace
One Panel Search tools

Color Converter

Side panel

HEX

Ready01 / 04

01Features

What it does

  1. 01HEX
  2. 02RGB
  3. 03HSL / HSV
  4. 04HWB
  5. 05CMYK

02Use cases

When you'll reach for it

Translate a brand colour for print
Convert design tokens

How to open it

  1. 1

    Side panel

    Click the One Panel icon in the toolbar and search for “Color Converter”.

  2. 2

    Command palette

    Press Ctrl + Shift + Space on any page and type its name.

Privacy

  • Runs entirely inside your browser. No account, no analytics, no remote code.

Keep going

Pairs well with

Design

Color Picker

Pick a color from the screen or a swatch, copy as HEX/RGB/HSL.

Design

Palette Generator

Generate complementary, analogous, triadic, monochromatic and random palettes.

Design

Contrast Checker

WCAG contrast ratio between foreground and background colors.

Design

Font Inspector

Hover any text on the page to see font family, size, weight, and line height.

Design

Responsive Viewer

Preview the active URL in multiple device viewports side by side.

Design

SVG Grabber

Extract inline SVGs from the page and copy as SVG or JSX.

Get Color Converter and 80 more

One install adds every tool to your side panel. No account, nothing to configure.

Add to Chrome(opens the Chrome Web Store in a new tab)