CSS Tools | Code X Elite Ltd.

Color Input

HEX

R

G

B

Opacity 100%

Output Formats

HEX

#10B981

RGB

rgb(16, 185, 129)

RGBA

rgba(16, 185, 129, 1)

HSL

hsl(160, 84%, 39%)

CSS Variable

--color-primary: #10B981;

Gradient Settings

Type

Angle: 135deg

Color Stops

Preview and Output

CSS Output

background: linear-gradient(...);

Shadow Settings

Offset X 0px

Offset Y 8px

Blur 24px

Spread 0px

Color #000

Opacity 15%

Inset

Preview and Output

CSS Output

box-shadow: 0 8px 24px rgba(0,0,0,0.15);

Border Radius

Mode

All Corners 12px

Background Color

Preview and Output

CSS Output

border-radius: 12px;