onul.works

Color Picker

Pick colors and convert HEX, RGB, and HSL values for CSS code, design tokens, and palette checks.

⌘ Runs in browser ◴ No data stored ⌁ Free
Selected color code

How to use

  1. 1 Pick a color or adjust HEX, RGB, and HSL values in the color selector.
  2. 2 Review the converted HEX, RGB, and HSL values.
  3. 3 Copy the format you need for your design or code.

Common use cases

  • HEX, RGB, and HSL color picker
  • Recent color palette tracking
  • CSS color code copying

Frequently asked questions

Which color formats are supported?

The tool shows HEX, RGB, and HSL values, and typing into one field converts the color into the other formats. It works for color picker, HSL color picker, and RGB color picker use cases.

Can I copy color values?

Yes. Each HEX, RGB, and HSL field has its own copy button for copying that format to your clipboard.

Are recently selected colors saved?

When you finish selecting a color, it is stored in a recent palette with up to 12 colors, which you can clear with the clear palette button.

Related workflow

Color PickerChoose the base color first so later code and style work use the same values. → Barcode GeneratorPrepare the barcode needed for labels or notices within the chosen color system. → Box Shadow GeneratorThen adjust the shadow values for cards or buttons that use the selected color.