Aller au contenu principal
    0 / 55 uses remaining today

    Color Harmonies Calculator

    Calculate color harmonies: complementary, triadic, analogous, split-complementary and tetradic.

    Complémentaire

    Couleurs opposées sur le cercle chromatique

    #3357FF
    #FFDA33

    Supported formats

    HEX
    RGB
    HSL

    How it works

    1

    Enter a base color

    2

    Select harmony type

    3

    Get your color scheme

    Privacy guaranteed

    Your image is analyzed directly in your browser. No files are sent to our servers, ensuring complete privacy.

    Master Color Harmonies

    Create balanced and visually appealing color schemes by applying proven color theory principles. Get complementary, triadic, analogous, or tetradic combinations in just a single click.

    Find color harmonies for a hue

    Enter a base color and instantly get its harmonies: complementary, triadic, tetradic, analogous, split-complementary. Each combination follows color-wheel rules for a balanced result.

    Complementary, triadic, analogous harmonies

    The tool mathematically computes each harmony from the original HSL hue. Visualize the derived colors and copy HEX, RGB or HSL codes in one click to use them in your mockups.

    Build a consistent design system

    Harmonies are the backbone of a controlled design system. Use complementary for CTAs, analogous for backgrounds and triadic for dynamic illustrations without visual disruption.

    Interactive color-wheel preview

    An interactive color wheel shows each harmony color's position. Change the base hue and watch the other colors evolve in real time: an excellent learning tool for color theory.

    Free tool for designers and developers

    Designers save time composing palettes, developers grab CSS-ready values directly.

    Related tools

    Frequently asked questions