Theme Generator

Choose your color:

#

Hex

R

G

B

Alpha

Color scheme type:

Adaptive color placement

Your color has been automatically placed at position:

color-500

The position is determined by analyzing the brightness of your selected color. Brighter colors are placed in lower positions (100-400), medium colors in the middle (500), and darker colors in higher positions (600-900).

Generated Colors

Color format:

CSS variable prefix:

Color range: 50-950 (from lightest to darkest)

All colors maintain some of the original hue, even at the extremes.

Your selected color (#0d9b44) is positioned at color-500