Springr
Color Picker & Converter
All tools

Color Picker & Converter

Pick a color or paste hex, rgb, rgba, hsl, or oklch and convert between formats.

About Color Picker & Converter

A color picker and converter for front-end work. Paste a value in any common CSS format and see it in all the others, including OKLCH, ready to drop into Tailwind CSS, CSS variables or your design system.

How to use it

  1. Pick a color, or paste a value in hex, rgb, rgba, hsl or oklch.
  2. Fine-tune it with the picker and read the same color in every format.
  3. Copy the format you need into your CSS or design tokens.

Frequently asked questions

Which color formats are supported?
You can paste hex, rgb, rgba, hsl and oklch values, or pick a color visually. Every format updates together and can be copied in one click.
Why is OKLCH included?
OKLCH is perceptually uniform, so changing lightness or chroma behaves predictably. That makes it a good choice for building accessible palettes and design tokens.