Color Converter

Convert between HEX, RGB, and HSL color formats

Your files never leave your device

Click the square to choose a color

Sample Text
Tones (Light)
Shades (Dark)
CSS Values
HEX#3B82F6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)

How to Use

  1. 1

    Enter a color value in the HEX, RGB, or HSL field

  2. 2

    Use the color picker to visually select a color

  3. 3

    Copy the tone and shade palette below to your CSS

FAQ

Is CMYK supported?

Currently HEX, RGB and HSL are supported. CMYK will be added in a future version.

Can I use a color picker?

Yes, the integrated color picker lets you choose any color visually.

Can I get the output in CSS format?

Yes, color values can be copied in CSS format.

Related Tools

Hash Generator

Generate MD5, SHA-1, SHA-256, and SHA-512 hash values

Base64 Converter

Encode and decode text and files to Base64 format

JSON Editor

Format, validate, minify, and explore JSON data in tree view