# ColorBeta

> CSS Gradient Editor (Linear, Radial and Conic).

Canonical page: [https://chrome-stats.com/d/colorbeta](https://chrome-stats.com/d/colorbeta)

## Overview

- **ID:** `colorbeta`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** RvD
- **Category:** web-development
- **Daily users:** 1
- **Version:** 1.0.1
- **Last updated:** 2024-04-12
- **First published:** 2024-04-11
- **Size:** 38 KB
- **Data as of:** 2026-09-14
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/colorbeta/)
- **Website:** [https://colorbeta.com/](https://colorbeta.com/)

## Description

Easily create a simple color gradient and export it in CSS format.

1) Select a color stop to modify its hue, saturation, luminosity or opacity. You can also directly type its hexadecimal code or use the "EyeDropper" tool.

2) Drag the color stop to modify its position (you can also enter a numerical value directly).

3) Create a color stop by clicking below the preview bar. Remove it by dragging it below the preview bar until it disappears.

4) Hover over the gradient to display options allowing you to choose the gradient type (linear, radial or conic) and its orientation (only for linear and conic gradients).

5) Click on the "Copy" button to copy the CSS code.

6) By clicking on the "Edit" (pencil) button, you can also directly edit your gradient on <a href="https://prod.outgoing.prod.webservices.mozgcp.net/v1/28fed346acc1f06dc42d3583d64dbe4de76e72aef2ac2b2d713b14944558de41/https%3A//colorbeta.com/" rel="nofollow">colorbeta.com</a>, giving you access to advanced options (such as gradient overlay, gradient repeat, radial gradient modification, etc.).

## Rankings

- #121,423 — Overall
- #66 — eyedropper
- #154 — beta

## Safety

- **Risk impact:** Very low risk impact
- **Risk likelihood:** Moderate risk likelihood

### Analysis details

- This permission has no access or impact on the user's system or data, thus carrying no risk.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [Gradient Generator](https://chrome-stats.com/d/gradient-generator) — 2 users
- [Gradient Generator](https://chrome-stats.com/d/gradient-generatorr)
- [Grad Studio](https://chrome-stats.com/d/grad-studio) — 29 users
- [Gradient Color Extractor](https://chrome-stats.com/d/gradient-color-extractor) — 1 users
- [Gradient Builder](https://chrome-stats.com/d/gradient-builder) — 25 users
- [MultiPoint Gradient](https://chrome-stats.com/d/multipoint-gradient) — 1 users
- [Gradient Generator](https://chrome-stats.com/d/gradientgenerator) — 28 users
- [Color Gradient](https://chrome-stats.com/d/color-gradient)
- [Gradient Explorer](https://chrome-stats.com/d/gradient-explorer)
- [CSS Gradient Backs](https://chrome-stats.com/d/css-gradient-backs) — 25 users
- [Color by Fardos - Color Picker](https://chrome-stats.com/d/color-by-fardos-color-picker) — 4,512 users, 1.83 / 5
- [PalettePicker](https://chrome-stats.com/d/palettepicker-app) — 1 users

---

Source: [Chrome-Stats](https://chrome-stats.com/d/colorbeta)