TinyTools

🎨 DESIGN

Color Converter

Convert colors between HEX, RGB, HSL, and OKLCH with live preview and one-click copy.

Your files are processed directly on your device and are not uploaded to our servers.

Color

#6d28d9

rgb(109, 40, 217)

  • HEX

    #6d28d9

  • RGB

    rgb(109, 40, 217)

  • HSL

    hsl(263.4, 70%, 50.4%)

  • OKLCH

    oklch(49.1% 0.2412 292.6)

How to use

  1. Type a color or pick one with the color picker — or start from a preset.
  2. Check the live preview and the HEX, RGB, HSL, and OKLCH values.
  3. Copy the notation you need into your stylesheet or design tokens.

FAQ

What formats are supported?
Type HEX (#6d28d9 or #fff), rgb(109, 40, 217), or hsl(262, 68%, 50%). The tool converts instantly to HEX, RGB, HSL, and OKLCH with copy buttons for each.
What is OKLCH?
OKLCH is a modern perceptual color space: L is lightness, C is chroma (vividness), H is hue. It predicts human perception better than HSL, so it is great for building uniform palettes and gradients.
How do I use the output in CSS?
Copy any row — all four notations work in modern browsers. HEX and RGB are safest for older projects; OKLCH gives the most predictable lightness steps in new projects.
Is my data uploaded anywhere?
No. Every conversion runs locally in your browser. Nothing you type or copy ever leaves your device.

Related tools