DevCrate

Color Converter

Convert colors between HEX, RGB and HSL instantly. Use the visual picker or type a hex value.

HEX: #6366f1 RGB: rgb(99, 102, 241) HSL: hsl(239, 84%, 67%)

How to use

  1. Pick a color visually or paste a hex value.
  2. Read the RGB and HSL equivalents.
  3. Copy whichever format your CSS needs.

Examples

Indigo
Input: #6366f1
Output: rgb(99, 102, 241) / hsl(239, 84%, 67%)

Frequently asked questions

Shorthand hex?

Yes. Three-digit hex like #fff expands automatically.

Related tools

Formatters

CSS Formatter

Format and beautify CSS with Prettier, locally in your browser.

 Generators

UUID Generator

Generate random v4 UUIDs, one or many, with one click.