Generate Color Scheme

color

Keyboard Shortcuts

Shortcut	Action
`k`	Search all tools
`h`	Show keyboard shortcuts

Generate a color scheme based on a base hue and variation.

Ads are disabled, if you wish to support me please consider disabling your ad blocker.

Base Hue

0 0 360

rgb(100% 0% 0%)

Variation

Color Schemes

Mono

Single Colors

rgb(100% 0% 0%)

rgb(70.196% 0% 0%)

rgb(100% 74.902% 74.902%)

rgb(100% 50.196% 50.196%)

#ff0000
#b30000
#ffbfbf
#ff8080

Triade

Single Colors

rgb(100% 0% 0%)

rgb(70.196% 0% 0%)

rgb(100% 74.902% 74.902%)

rgb(100% 50.196% 50.196%)

rgb(60% 100% 0%)

rgb(41.961% 70.196% 0%)

rgb(90.196% 100% 74.902%)

rgb(80% 100% 50.196%)

rgb(0% 60% 60%)

rgb(0% 41.961% 41.961%)

rgb(74.902% 100% 100%)

rgb(50.196% 100% 100%)

#ff0000
#b30000
#ffbfbf
#ff8080
#99ff00
#6bb300
#e6ffbf
#ccff80
#009999
#006b6b
#bfffff
#80ffff

Contrast

Single Colors

rgb(100% 0% 0%)

rgb(70.196% 0% 0%)

rgb(100% 74.902% 74.902%)

rgb(100% 50.196% 50.196%)

rgb(0% 80% 0%)

rgb(0% 56.078% 0%)

rgb(74.902% 100% 74.902%)

rgb(50.196% 100% 50.196%)

#ff0000
#b30000
#ffbfbf
#ff8080
#00cc00
#008f00
#bfffbf
#80ff80

Tetrade

Single Colors

rgb(100% 0% 0%)

rgb(70.196% 0% 0%)

rgb(100% 74.902% 74.902%)

rgb(100% 50.196% 50.196%)

rgb(0% 80% 0%)

rgb(0% 56.078% 0%)

rgb(74.902% 100% 74.902%)

rgb(50.196% 100% 50.196%)

rgb(0% 40% 70.196%)

rgb(0% 28.235% 49.02%)

rgb(74.902% 89.412% 100%)

rgb(50.196% 78.824% 100%)

rgb(100% 50.196% 0%)

rgb(70.196% 35.294% 0%)

rgb(100% 87.451% 74.902%)

rgb(100% 75.294% 50.196%)

#ff0000
#b30000
#ffbfbf
#ff8080
#00cc00
#008f00
#bfffbf
#80ff80
#0066b3
#00487d
#bfe4ff
#80c9ff
#ff8000
#b35a00
#ffdfbf
#ffc080

Analogic

Single Colors

rgb(100% 0% 0%)

rgb(70.196% 0% 0%)

rgb(100% 74.902% 74.902%)

rgb(100% 50.196% 50.196%)

rgb(100% 40% 0%)

rgb(70.196% 27.843% 0%)

rgb(100% 85.098% 74.902%)

rgb(100% 70.196% 50.196%)

rgb(80% 0% 60%)

rgb(56.078% 0% 41.961%)

rgb(100% 74.902% 93.725%)

rgb(100% 50.196% 87.451%)

#ff0000
#b30000
#ffbfbf
#ff8080
#ff6600
#b34700
#ffd9bf
#ffb380
#cc0099
#8f006b
#ffbfef
#ff80df

All Color tools

CSS Gradient Pattern Generator

codegeneratorcolorgradientcss

Updated Create CSS Patterns powered by gradients with this tool. Certain aspects can be configured.

Color Contrast Checker

coloraccessibility

Check the contrast between two colors to ensure readability.

Generate Gradient Colors Between Two Colors

generatorcolorgradient

Generate gradient colors between two colors.

Inverted Color Generator

color

Generate the inverted color of a given color.

Color Shades Generator

generatorcolor

Generate color shades with this free online color shades generator tool. It's free and easy to use.

CSS Glitched Text Generator

codegeneratorcolorgradientcss

Generate CSS code for glitched text effects.

Color Picker

color

Use this page to pick any color on your screen, you will then be able to copy it and see the most recent colors.

Generate Color Scheme

color

Generate a color scheme based on a base hue and variation.

Color Spaces

color

Use this page to view different color spaces and their values.

Courtesy ofcolor-scheme-js.

Generate Color Scheme

Keyboard Shortcuts

Mono

Triade

Contrast

Tetrade

Analogic

All Color tools

More tools to try