Colour Palette Generator

WHAT IT DOES

Colour Palette Generator creates harmonious colour palettes from a single base colour. Choose from six colour schemes: Monochromatic, Analogous, Complementary, Triadic, Tetradic, and Split Complementary. Each palette displays colour swatches with HEX, RGB, and HSL values, plus common color names when available. You can copy individual colours or copy the entire palette to your clipboard in your preferred format. The tool is perfect for designers, developers, and anyone working with colour schemes for websites, UI, branding, or artwork.

WHERE IT RUNS

The extension runs entirely within your browser's local environment using the BotGentz framework. All colour generation, conversion, and palette rendering occur on your machine without any network requests. No colour data, palette history, or user activity is ever transmitted, uploaded, or stored externally. The tool works on any website and respects the browser's security boundaries, operating within the isolated extension sandbox. Colour generation uses standard colour theory algorithms.

HOW TO USE

Click the extension toolbar icon to open the Colour Palette Generator panel. Select a base colour using the colour picker. Choose a scheme from the dropdown (Monochromatic, Analogous, Complementary, Triadic, Tetradic, or Split Complementary). Set the number of colours (2-10) to control palette size. The palette appears as a list of colour swatches with HEX, RGB, and HSL values displayed for each. Click "Copy" on any individual colour to copy it to your clipboard in the selected format. Click "Copy All" to copy the entire palette as a list of HEX values. Toggle "Include color names" to show common color names alongside the values. Select the "Copy Format" (HEX, RGB, or HSL) to control the output format when copying. The palette updates automatically when you change any setting.

THE PALETTE GENERATION ENGINE — WHY IT WORKS

Most palette generators use simple algorithms that produce limited results. This tool implements six proven colour theory schemes using HSL colour space. The engine converts the base colour from HEX to HSL, then applies different mathematical transformations to generate harmonious colours. For monochromatic palettes, it varies the lightness while keeping hue and saturation constant. Analogous palettes shift the hue by ±30 degrees. Complementary palettes use the opposite hue (180° offset). Triadic palettes use 120° offsets. Tetradic palettes use 90° offsets. Split complementary uses 150° and 210° offsets plus variations. Each colour is then converted back to HEX for display. The engine also handles edge cases like clipping lightness values to stay within visible ranges (5-95%). This approach ensures you get professionally balanced palettes every time.

THE PANEL

The Colour Palette Generator panel is fully draggable by its title bar and remembers its position on screen per website. It snaps to the edges of your browser window for clean alignment. Collapse the panel to a compact icon strip using the minimize button, restoring it with a single click. Resize the panel by dragging any edge or corner; the palette swatches and controls adjust proportionally. Press the Escape key to close the panel instantly. The panel maintains independent state for each browser tab, allowing you to generate palettes in multiple tabs simultaneously.

PLEASE NOTE

This extension requires the free BotGentz extension framework to be installed and enabled. The tool generates colour palettes but does not save them automatically—copy the values you want to keep. The colour name database is limited to common CSS color names; not all hex values have names. The copy format setting affects individual colour copies and the palette export. All colour data is processed locally and is never transmitted, logged, or shared. The extension requests no network permissions and functions entirely offline. The source code is fully auditable and available for review.