Color Harmony

Base Color

颜色代码

HEX

RGB

HSL

Color Adjustment

Adjust Color

Hue (H)

0°

Saturation (S)

Lightness (L)

Favorite Colors

No favorite colors yet. Click the heart icon on any color to add it here.

History

No color history yet.

Color Schemes

Complementary color schemes use colors from opposite sides of the color wheel, creating high contrast and vibrant looks.

Contrast Checker

Sample Text

Contrast: 2.55

Sample Text

Contrast: 3.03

Sample Text

Contrast: 1.53

Sample Text

Contrast: 1.76

Sample Text

Contrast: 2.55

Sample Text

Contrast: 1.19

Sample Text

Contrast: 1.67

Sample Text

Contrast: 1.45

Sample Text

Contrast: 3.03

Sample Text

Contrast: 1.19

Sample Text

Contrast: 1.98

Sample Text

Contrast: 1.72

Sample Text

Contrast: 1.53

Sample Text

Contrast: 1.67

Sample Text

Contrast: 1.98

Sample Text

Contrast: 1.15

Sample Text

Contrast: 1.76

Sample Text

Contrast: 1.45

Sample Text

Contrast: 1.72

Sample Text

Contrast: 1.15

Gradient Preview

CSS Code:

background: linear-gradient(to right, #8b4ac3, #82c34a, #9ed072, #a572d0, #68a236);

Complementary Color Scheme

Color 1

#8b4ac3

Color 2

#82c34a

Color 3

#9ed072

Color 4

#a572d0

Color 5

#68a236

Color Harmony

A professional color scheme generator

Designed with love, created with care

gutoulazi@hotmail.com