Color Palettes and Gradients — Happy Birthday

Color Palettes and Gradients Firefox add-on brings 9-essential color tools directly into your Firefox toolbar. Whether you are a web developer fine-tuning a UI, a designer building a brand palette, or a hobbyist exploring color theory, everything you need is one click away, works offline, and never sends a byte of data anywhere.

Add-on Color Tools List

🎨 Color Palette Generator
Build harmonious palettes with 6 harmony rules (Analogous, Complementary, Triadic, Tetradic, Split-Complementary, Monochromatic).

🌀 Color Wheel
Click any point on the interactive wheel to read HEX, RGB, and HSL instantly.

🎲 Random Color Generator
Get a fresh random color with one click — HEX, RGB, and HSL shown together.

🌓 Shades Generator
Produce up to 20 lighter/darker shades from any base HEX color.

✦ Two Colors CSS Gradient Generator
Create two-stop linear gradients; copy the full CSS immediately.

✦ Three Colors CSS Gradient Generator
Create three-stop linear gradients with live preview, color details and CSS code.

✦ HEX to RGB Converter
Convert any HEX code to RGB with a visual swatch and CSS output.

✦ HEX to HSL Converter
Convert HEX to HSL (Hue, Saturation, Lightness).

✦ HSL to HEX Converter
Use sliders to build a color from HSL and convert to HEX and RGB.

Color Palettes and Gradients is your all-in-one Firefox color toolbox for designers and developers to generate attractive color palettes, random colors, gradients and shades for Website, Android Apps, iOS Apps, Presentation and Brochure designs. All you can do it with highest security, privacy and speed. It works offline too.

📋 COPY ANYWHERE
Every result has a Copy button. Colors go straight to your clipboard.

🔒 PRIVACY FIRST
No accounts. No tracking. No network requests. Everything runs locally in your browser.

For more information and support, please visit
The Online Calculator