I am preparing to launch a hosting platform on ProductHunt soon. Make sure to leave your email to get notified when I launch and get FREE HOSTING for your projects!
I won't spam you, the only emails you will get will be related to ProductHunt launch

Color.Mix Generator

Create your own color shades and start using them in your designs

Generate Colors

Monochromatic

{{baseHSLLighten4Hex}}

{{baseHSLLighten3Hex}}

{{baseHSLLighten2Hex}}

{{baseHSLLighten1Hex}}

{{baseHexColorCreate}}

{{baseHSLDarken1Hex}}

{{baseHSLDarken2Hex}}

{{baseHSLDarken3Hex}}

{{baseHSLDarken4Hex}}

Generic

{{baseHexColorCreate}}

{{baseHSLGeneric1Hex}}

{{baseHSLGeneric2Hex}}

{{baseHSLGeneric3Hex}}

{{baseHSLGeneric3Hex}}

{{baseHSLGeneric5Hex}}

Matching

{{baseHexColorCreate}}

{{baseHSLMatching1Hex}}

{{baseHSLMatching2Hex}}

{{baseHSLMatching3Hex}}

{{baseHSLMatching3Hex}}

{{baseHSLMatching5Hex}}

Analogous

{{baseHexColorCreate}}

{{baseHSLAnalogous1Hex}}

{{baseHSLAnalogous2Hex}}

Triadic

{{baseHexColorCreate}}

{{baseHSLTriadic1Hex}}

{{baseHSLTriadic2Hex}}

Complimentary

{{baseHexColorCreate}}

{{baseHSLComplimentary1Hex}}

Split Complimentary

{{baseHexColorCreate}}

{{baseHSLSplitComplimentary1Hex}}

{{baseHSLSplitComplimentary2Hex}}

Double Complimentary

{{baseHexColorCreate}}

{{baseHSLDoubleComplimentary1Hex}}

{{baseHSLDoubleComplimentary2Hex}}

{{baseHSLDoubleComplimentary3Hex}}

Color Schemes generator

Pick a color

Base color

Hex color

RGB color

HSL color

Saturation {{ baseS }}

Lightness {{ baseL }}