Design Tools & Generators | freeonlinetools.shop

Color Picker

Select a color:

Hex code:

Preview:

RGB:

RGB: 79, 70, 229

HSL:

HSL: 243, 76%, 59%

CMYK:

CMYK: 66%, 69%, 0%, 10%

Gradient Generator

Color 1:

Color 2:

Direction:

Preview:

CSS Code:

background: linear-gradient(to right, #4f46e5, #ec4899);

Contrast Checker

Text Color:

Background Color:

Contrast Ratio:

4.73 Good contrast (meets WCAG AA standard)

Sample Text

This is how your text will look with these colors.

Color Palette Generator

Base Color:

50

#e0e7ff

100

#c7d2fe

200

#a5b4fc

300

#818cf8

400

#6366f1

500

#4f46e5

600

#4338ca

700

#3730a3

800

#312e81

900

#1e1b4b

Color Converter

Hex Color:

Converted Colors:

RGB: 79, 70, 229

HSL: 243, 76%, 59%

CMYK: 66%, 69%, 0%, 10%