> For the complete documentation index, see [llms.txt](https://plugin-everything.gitbook.io/plugin-everything-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://plugin-everything.gitbook.io/plugin-everything-docs/controls/color-and-opacity.md).

# Color & Opacity

The `Color & Opacity` group controls the stroke's color, transparency, gradient mapping, and how they interact with other parameters such as trims and dashes.&#x20;

<div data-with-frame="true"><figure><img src="/files/O5fStePPGvCHUf0bvzMp" alt="" width="340"><figcaption></figcaption></figure></div>

{% hint style="info" %}
`Master Opacity` affects the whole stroke after the selected solid color or gradient has been evaluated. Gradient stop opacity is still useful when you want transparency to vary along the stroke.
{% endhint %}

## Controls

<details>

<summary>Color Mode</summary>

#### Color Mode

`Color Mode` chooses whether the stroke uses a solid fill or a multi-point RGBA gradient.

* `Solid` uses the `Solid Color` picker for the entire stroke
* `Gradient` uses `Color Gradient` and the gradient controls

Use `Solid` for clean single-color strokes, especially when color will be driven by expressions. Use `Gradient` when color or opacity should change along the path.

</details>

<details>

<summary>Master Opacity</summary>

#### Master Opacity

`Master Opacity` sets the overall opacity of the rendered stroke from 0% to 100%.

This multiplies the final result, so it affects both `Solid` and `Gradient` color modes. In `Gradient` mode, it also multiplies each gradient stop's own opacity.

Use `Master Opacity` for fading the whole stroke in or out. Use `Point Opacity` when only part of a gradient should become transparent.

</details>

<details>

<summary>Solid Color</summary>

#### Solid Color

`Solid Color` chooses the stroke color when `Color Mode` is set to `Solid`.

This is the simplest color mode and is often the easiest option when you want a stable brand color, a single glowing line, or a color controlled by a normal After Effects color picker.

</details>

<details>

<summary>Color Gradient</summary>

#### Color Gradient

`Color Gradient` is the editable gradient bar used when `Color Mode` is set to `Gradient`.

Each stop has a color, a position, and an opacity. The gradient is mapped along the stroke according to `Gradient Scope`.

Basic editing:

* Click a stop to select it, drag to reposition, drag further to delete
* Click on the gradient to add a new stop
* Double-click a stop to edit its color

The preview includes `Hue Shift`, `Gradient Blending`, `Gradient Repeat`, `Gradient Repeat Mode`, `Color Space`, `Gamma`, and stop opacity, so the bar closely matches the rendered stroke.

<div data-with-frame="true"><figure><img src="/files/fjcVzmVoqzceIsWyGRLT" alt=""><figcaption></figcaption></figure></div>

</details>

<details>

<summary>Gradient Utility Buttons</summary>

#### Gradient Utility Buttons

The buttons inside `Color Gradient` provide quick edits:

<table><thead><tr><th width="198.5703125">Button</th><th>Result</th></tr></thead><tbody><tr><td><code>Shift</code></td><td>Moves colors left or right between stops</td></tr><tr><td><code>Reverse</code></td><td>Reverses color order while keeping stop positions</td></tr><tr><td><code>RGB</code>, <code>HSL</code>, or <code>Oklab</code></td><td>Cycles the active <code>Color Space</code></td></tr><tr><td><code>Paste XML</code></td><td>Imports Adobe Color XML from the clipboard</td></tr></tbody></table>

`Paste XML` is useful when bringing a palette from Adobe Color into Thicc Pro. If the clipboard does not contain readable Adobe Color XML, the current gradient is left unchanged.

</details>

<details>

<summary>Point Location and Point Opacity</summary>

#### Point Location and Point Opacity

`Point Location` controls the selected gradient stop's position from 0% to 100%.

`Point Opacity` controls the selected gradient stop's opacity from 0% to 100%.

Use `Point Location` for precise stop placement. Use `Point Opacity` for fades along the stroke, such as a trail that disappears at the end or a dashed line with soft transparent segments.

</details>

<details>

<summary>Color Space</summary>

#### Color Space

`Color Space` controls how colors blend between gradient stops; if `Gradient Blending` is set to 0%, `Color Space` has no visual impact.&#x20;

* `RGB` blends directly between red, green, and blue channel values
* `HSL` blends through hue, saturation, and lightness, which can preserve more obvious hue changes
* `Oklab` is the default and usually gives smoother perceptual transitions

If a gradient looks muddy, too gray, or unexpectedly vivid between stops, try switching `Color Space`.&#x20;

</details>

<details>

<summary>Gradient Presets</summary>

#### Gradient Presets

`Gradient Presets` provides ready-made gradients that can replace the current `Color Gradient`.

<figure><img src="/files/CfuLSmHJtOCL5ucU7sKp" alt=""><figcaption></figcaption></figure>

Use presets as starting points, then adjust stops, opacity, repeat, or hue from there. Using `Hue Shift` is particularly useful for generating alternate palette ideas.

</details>

<details>

<summary>Gradient Blending</summary>

#### Gradient Blending

`Gradient Blending` controls how smoothly adjacent gradient stops blend together.

Lower values keep colors closer to their stops for harder transitions. Higher values create smoother transitions and are better for soft color washes.

When `Gradient Repeat Mode` is set to `Wrap Cycles`, blending is applied across the wrap boundary too, which helps repeated gradients loop without a hard color jump.

<div data-with-frame="true"><figure><img src="/files/bov9iGXsiOIXjXDLiXdk" alt=""><figcaption></figcaption></figure></div>

</details>

<details>

<summary>Gradient Repeat and Gradient Repeat Mode</summary>

#### Gradient Repeat and Gradient Repeat Mode

`Gradient Repeat` controls how many times the gradient is compressed into the stroke.

`Gradient Repeat Mode` controls what happens outside the first gradient cycle:

<table><thead><tr><th width="241.72265625">Mode</th><th>Result</th></tr></thead><tbody><tr><td><code>None</code></td><td>Uses one gradient cycle</td></tr><tr><td><code>Wrap Cycles</code></td><td>Repeats the gradient in the same direction</td></tr><tr><td><code>Mirror</code></td><td>Reflects the gradient so every other cycle reverses</td></tr></tbody></table>

* Use `None` for preserving start and end colors when using `Gradient Cycle` , useful for creating animated gradient transitions.
* Use `Wrap Cycles` when animating `Gradient Cycle` if your gradient is already looping (start and end colors identical)&#x20;
* Use `Mirror` when animating `Gradient Cycle` (if your gradient palette doesn't loop) for seamless loops

{% hint style="info" %}
In `Mirror` mode, the gradient preview shows the mirrored result and the original gradient so you can see what is being reflected.
{% endhint %}

</details>

<details>

<summary>Hue Shift and Gradient Cycle</summary>

#### Hue Shift and Gradient Cycle

`Hue Shift` rotates the gradient colors around the hue wheel without moving the stops.

`Gradient Cycle` offsets the gradient along the stroke. Animate it to make colors travel through the stroke while the path itself stays in place.

Use `Hue Shift` for visualising palette variations with correct blending (this is not just the same as applying a hue adjustment after Thicc Pro). Use `Gradient Cycle` for transitioning in gradients, flowing trails, and looping color movement.

<div data-with-frame="true"><figure><img src="/files/3FcFBctaDkiJKhzRHVka" alt=""><figcaption></figcaption></figure></div>

</details>

<details>

<summary>Gradient Scope</summary>

#### Gradient Scope

`Gradient Scope` controls the domain used to map the gradient across the stroke.

<table><thead><tr><th width="238.64453125">Scope</th><th>Result</th></tr></thead><tbody><tr><td><code>Multiple Paths</code></td><td>One gradient spans the combined length of all paths</td></tr><tr><td><code>Individual Paths</code></td><td>The gradient restarts on each path</td></tr><tr><td><code>Individual Trims</code></td><td>The gradient restarts on each trim segment</td></tr><tr><td><code>Individual Dashes</code></td><td>The gradient restarts on each dash segment</td></tr></tbody></table>

Use `Multiple Paths` when several paths should behave like one continuous stroke. Use `Individual Paths`, `Individual Trims`, or `Individual Dashes` when each segment should get its own complete gradient.

</details>

## Note on RGBA Blending

If a path overlaps itself and the frontmost section is semi transparent, it will render "knockout opacity", meaning path segments behind it will be obscured:

<div data-with-frame="true"><figure><img src="/files/TqRlkEqMfsDtZ7diVr7A" alt="" width="563"><figcaption><p>A transparent cyan gradient point obscures the red section behind it</p></figcaption></figure></div>

## Interface Conditionals

<details>

<summary>Color Mode</summary>

`Color Mode` determines which color controls are visible.

<table><thead><tr><th width="279.29296875">Condition</th><th>Result</th></tr></thead><tbody><tr><td><code>Color Mode</code> is <code>Solid</code></td><td><code>Solid Color</code> is visible</td></tr><tr><td><code>Color Mode</code> is <code>Solid</code></td><td>Gradient controls are hidden</td></tr><tr><td><code>Color Mode</code> is <code>Gradient</code></td><td><code>Color Gradient</code> and gradient controls are visible</td></tr><tr><td><code>Color Mode</code> is <code>Gradient</code></td><td><code>Solid Color</code> is hidden</td></tr></tbody></table>

</details>

<details>

<summary>Gradient Scope</summary>

`Gradient Scope` changes when dashes are enabled.

| Condition                    | Result                             |
| ---------------------------- | ---------------------------------- |
| `Enable Dashes` is unchecked | `Individual Dashes` is unavailable |
| `Enable Dashes` is checked   | `Individual Dashes` is available   |

</details>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://plugin-everything.gitbook.io/plugin-everything-docs/controls/color-and-opacity.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
