# Code Color Preview

> Shows color previews next to hex and RGB codes in web pages

Canonical page: [https://chrome-stats.com/d/code-color-preview](https://chrome-stats.com/d/code-color-preview)

## Overview

- **ID:** `code-color-preview`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** lzhecz
- **Category:** web-development,appearance
- **Daily users:** 4
- **Version:** 2.2.0
- **Last updated:** 2025-11-23
- **First published:** 2025-11-20
- **Size:** 18 KB
- **Data as of:** 2026-09-07
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/code-color-preview/)
- **Website:** [https://github.com/lzhecz/code-color-preview](https://github.com/lzhecz/code-color-preview)

## Description

Features
🎨 <strong>Automatic Color Detection.</strong> Detects and displays color previews for:
    - Hex colors with # (e.g., #FF5733, #abc, #FF5733AA
    - Hex colors without # (optional, e.g., FF5733
    - RGB/RGBA colors (optional, e.g., rgb(255, 87, 51), rgba(255, 87, 51, 0.5)
🌐 <strong>Flexible Site Management</strong>:
    - Whitelist approach: only runs on sites you explicitly enable
    - Quick toggle button for current website in header
    - Enable entire websites (domains) or specific pages (full URLs)
    - Disable specific pages while keeping website enabled
    - Temporary show mode (until page reload)

## Rankings

- #49,415 — Overall
- #83 — preview
- #201 — review
- #235 — code

## Permissions and access

### Permissions

- `storage`
- `activeTab`
- `<all_urls>`

### Content script matches

- `<all_urls>`

## Safety

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

### Analysis details

- Allows access to all websites, posing a significant security risk as it can monitor and modify data from any visited site.
- 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

- [CSS Color Code Viewer](https://chrome-stats.com/d/css-color-code-viewer) — 23 users
- [Advanced Color Picker Plus](https://chrome-stats.com/d/advanced-color-picker-plus)
- [Hex Preview](https://chrome-stats.com/d/hexpreview) — 19 users, 4.00 / 5
- [Hex Color Grabber](https://chrome-stats.com/d/hex-color-grabber) — 294 users, 1.00 / 5
- [ChromaCapture: Website Color Scheme Analyzer](https://chrome-stats.com/d/chromacapture-website-color) — 3 users
- [On-Hover Color Previewer](https://chrome-stats.com/d/on-hover-color-previewer)
- [Color Picker](https://chrome-stats.com/d/color-pickerrr) — 4 users
- [ColorSync](https://chrome-stats.com/d/colorsync)
- [ChromaCapture: Advanced Color Picker](https://chrome-stats.com/d/chromacapture-color-picker)
- [Color Picker Pro](https://chrome-stats.com/d/color-picker-prod)
- [Color Code Copier](https://chrome-stats.com/d/color-code-copier) — 1 users
- [ColorPicker pro](https://chrome-stats.com/d/colorpicker-pro)

---

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