pixijs-color

star 3

Use for PixiJS v8 Color: hex/CSS/rgb/hsl inputs, toHex/toNumber/toArray/toRgbaString, multiply, premultiply, alpha, tint, color-space conversion.

Xopoko By Xopoko schedule Updated 6/11/2026

name: pixijs-color description: "Use for PixiJS v8 Color: hex/CSS/rgb/hsl inputs, toHex/toNumber/toArray/toRgbaString, multiply, premultiply, alpha, tint, color-space conversion." license: MIT

Use this for color parsing, conversion, tinting, alpha, premultiply, and color math.

Fast Path

import { Color } from 'pixi.js';

const color = new Color('#3498db');
sprite.tint = color.toNumber();

Rules

  • Color accepts numeric hex, CSS strings/names, RGB/HSL-like objects, arrays, and typed arrays.
  • Use toNumber, toHex, toArray, toRgbArray, and toRgbaString for output format changes.
  • Use Pixi color helpers when handling premultiplied alpha or GPU-facing values.
  • Keep alpha handling explicit; tint and alpha are separate display-object concerns.

Deep Reads

  • Full input/output formats, conversion methods, premultiply behavior, and examples: references/details.md
  • Blend/compositing: pixijs-blend-modes
  • Filters that alter color: pixijs-filters

Common Fixes

  • CSS string not accepted in a numeric-only field: convert with new Color(value).toNumber().
  • Washed output: verify alpha and premultiply expectations.
  • Repeated conversions in a loop: cache numeric color values.
Install via CLI
npx skills add https://github.com/Xopoko/plug-n-skills --skill pixijs-color
Repository Details
star Stars 3
call_split Forks 0
navigation Branch main
article Path SKILL.md
More from Creator