Star a tool to pin it here

Categories

Color Converter
CSS Unit Converter
Gradient Generator
Box Shadow Generator
Contrast Checker
Tailwind ↔ CSS
Flexbox & Grid Playground
Cubic Bezier
CSS clamp() Calculator

Your data stays on your device. Nothing you enter is uploaded or stored, except the address you choose to look up in IP Location.

Built by Shubham

Source & install guide LinkedIn

DevBox CSSColor Converter

Color Converter

CSS

Convert between HEX, RGB, RGBA and HSL.

Input

Paste any HEX, RGB(A) or HSL(A) value.

Adjust

Red124

Green140

Blue255

Alpha100%

Hue233°

Saturation100%

Lightness74%

Formats

HEX

#7c8cff

HEX + alpha

#7c8cffff

RGB

rgb(124, 140, 255)

RGBA

rgba(124, 140, 255, 1)

HSL

hsl(232.7, 100%, 74.3%)

HSLA

hsla(232.7, 100%, 74.3%, 1)

Modern CSS

#7c8cff

Preview

#7c8cffhsl(232.7, 100%, 74.3%)

Luminance

0.303

Text on it

white