Plugins
Color Adjust
Color correction layers — HSL adjustment, levels, and curves.
Color adjustment layers for post-processing color correction using HSL, levels, and curves.
npm install @genart-dev/plugin-color-adjust
| Type ID | Display Name | Description |
|---|
adjust:hsl | HSL Adjust | Hue, saturation, and lightness adjustment |
adjust:levels | Levels | Input/output levels with black/white point control |
adjust:curves | Curves | Tone curve adjustment with control points |
| Property | Type | Default | Description |
|---|
hue | number | 0 | Hue rotation in degrees (-180 to 180) |
saturation | number | 0 | Saturation adjustment (-100 to 100) |
lightness | number | 0 | Lightness adjustment (-100 to 100) |
colorize | boolean | false | Colorize mode (apply single hue) |
| Property | Type | Default | Description |
|---|
inputBlack | number | 0 | Input black point (0-255) |
inputWhite | number | 255 | Input white point (0-255) |
gamma | number | 1.0 | Midtone gamma (0.1-10) |
outputBlack | number | 0 | Output black point (0-255) |
outputWhite | number | 255 | Output white point (0-255) |
channel | select | "rgb" | Channel: rgb, red, green, blue |
| Property | Type | Default | Description |
|---|
points | array | [[0,0],[255,255]] | Control points as [input, output] pairs |
channel | select | "rgb" | Channel: rgb, red, green, blue |
interpolation | select | "smooth" | Interpolation: smooth, linear |
| Tool | Description |
|---|
design_adjust_hsl | Add or configure an HSL adjustment layer |
design_adjust_levels | Add or configure a levels adjustment layer |
design_adjust_curves | Add or configure a curves adjustment layer |
{
"tool": "design_add_layer",
"arguments": {
"type": "adjust:hsl",
"properties": {
"hue": 15,
"saturation": 20,
"lightness": -5,
"colorize": false
}
}
}