Convert and manipulate color values for PixiJS scenes.
npx skills add https://github.com/pixijs/pixijs-skills --skill pixijs-color
Please help me install this Agent Skill. Skill: pixijs-color Source: https://github.com/pixijs/pixijs-skills/tree/main/skills/pixijs-color Command: npx skills add https://github.com/pixijs/pixijs-skills --skill pixijs-color
The Color class provides a unified way to create, convert, and manipulate colors for tints, fills, strokes, and ColorSource-compatible APIs in PixiJS v8, simplifying color handling across the engine.
Create a new Color("#ff6600") and use toHex() or toNumber() in your rendering code.
High-intent search queries and answers about installing and using this skill.
To convert hex strings to RGBA for PixiJS v8 rendering, use the Color class to instantiate a color and call conversion methods like toRgba or toArray. It accepts hex strings, numbers, and CSS names, returning the formatted output needed for consistent scene rendering.
The PixiJS v8 Color class supports hex numbers, hex strings, CSS color names, RGB/RGBA, HSL, and typed arrays. This allows you to easily parse and convert various input formats into a consistent source for tints, fills, and strokes.
You can apply premultiplication and tinting to colors in PixiJS using the Color class manipulation methods. It provides built-in functions to premultiply or multiply color values, ensuring correct alpha blending and visual output during real-time rendering workflows.
PixiJS provides the isColorLike() helper function to validate color inputs before rendering. This type guard checks if an input is ColorSource-compatible, allowing you to safely verify data before constructing a new Color object for your scene.
The best way to handle color manipulation in hot-path rendering loops is using Color.shared. This reusable instance avoids memory allocation overhead from repeatedly creating new Color objects, optimizing performance for real-time conversions and transformations.
alexkaferConvert PixiJS v8 Color inputs into hex, number, array, and RGBA outputs.
encounterplusSynchronize HTML element overlays with PixiJS scene graph transforms via DOMPipe.
encounterplusConvert and manipulate PixiJS v8 Color values across input formats.
winsorllcConvert and manipulate color values across HEX, RGB, HSL, and CMYK formats.
