Firefox Browser Add-ons
  • Extensions
  • Themes
    • for Firefox
    • Dictionaries & Language Packs
    • Other Browser Sites
    • Add-ons for Android
Log in
Preview of Color Palettes and Gradients

Color Palettes and Gradients by Happy Birthday

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.

Available on Firefox for Android™Available on Firefox for Android™
5 (2 reviews)5 (2 reviews)
Download Firefox and get the extension
Download file

Extension Metadata

Screenshots
Attractive Colors for All Designers and Developers - Firefox Add-onThree colors CSS gradient tool for designers and developers - Firefox Add-onDifferent shares of color for designers and developers - Firefox Add-onPick colors from color wheel - Firefox Add-onRandom color generator in HEX, RGB and HSL for Designers and Developers - Firefox Add-onThree colors CSS gradient tool for Designers and Developers - Firefox Add-onHSL to HEX color converter for Designers and Developers - Firefox Add-onHEX to RGB color converter for Designers and Developers - Firefox Add-on
About this extension
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.
Rated 5 by 2 reviewers
Log in to rate this extension
There are no ratings yet

Star rating saved

5
2
4
0
3
0
2
0
1
0
Read all 2 reviews
Permissions and data

Required permissions:

  • Input data to the clipboard
  • Access your data for all websites

Data collection:

  • The developer says this extension doesn't require data collection.
Learn more
More information
Add-on Links
  • Homepage
  • Support site
  • Support Email
  • Copy add-on ID
Version
1.0.0
Size
232.95 KB
Last updated
4 days ago (Jun 18, 2026)
Related Categories
  • Web Development
  • Appearance
  • Social & Communication
License
All Rights Reserved
Privacy Policy
Read the privacy policy for this add-on
Version History
  • See all versions
Tags
  • social media
Add to collection
Report this add-on
Go to Mozilla's homepage

Add-ons

  • About
  • Firefox Add-ons Blog
  • Extension Workshop
  • Developer Hub
  • Developer Policies
  • Community Blog
  • Forum
  • Report a bug
  • Review Guide

Browsers

  • Desktop
  • Mobile
  • Enterprise

Products

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privacy
  • Cookies
  • Legal

Except where otherwise noted, content on this site is licensed under the Creative Commons Attribution Share-Alike License v3.0 or any later version. Android is a trademark of Google LLC.