Skip to content
🛠️ToolsShed

Color Scheme Generator

Generate complementary, triadic, and analogous color schemes from a base color.

Palette

#4F46E5
#DDE548

About this tool

A color scheme is a harmonious set of colors chosen according to color theory principles, designed to work together visually and create appealing compositions. Whether you're designing a website, creating graphics, or planning an interior space, a well-chosen color scheme communicates mood, guides attention, and ensures your design feels cohesive. This tool generates professional color schemes based on established color relationships—complementary, triadic, analogous, and more—helping you explore color combinations that naturally work together.

Using this tool is simple: select a base color using the color picker or enter its hex code, then choose your preferred harmony scheme from the dropdown menu. The tool instantly displays all colors in the scheme with their hex values, and you can click any color to copy its code to your clipboard. Typical use cases include web design where you need a complete palette for UI components, brand identity creation, data visualization color selection, and art or interior design where color relationships create visual impact.

Frequently Asked Questions

Code Implementation

import colorsys

def hex_to_hsl(hex_color):
    hex_color = hex_color.lstrip('#')
    r, g, b = [int(hex_color[i:i+2], 16)/255 for i in (0,2,4)]
    h, l, s = colorsys.rgb_to_hls(r, g, b)
    return int(h*360), int(s*100), int(l*100)

def hsl_to_hex(h, s, l):
    r, g, b = colorsys.hls_to_rgb(h/360, l/100, s/100)
    return '#{:02x}{:02x}{:02x}'.format(int(r*255), int(g*255), int(b*255))

def complementary(hex_color):
    h, s, l = hex_to_hsl(hex_color)
    return [hex_color, hsl_to_hex((h + 180) % 360, s, l)]

print(complementary('#6366f1'))

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.