HSColor
TypeBridge type for working with colors in JavaScript
Properties
This type has no properties.
Methods
staticHSColor.rgb(r, g, b, a) -> HSColor
Create a color from RGB values
Declaration
HSColor.rgb(r, g, b, a) -> HSColorParameters
| Name | Type | Description |
|---|---|---|
| r | number | Red component (0.0-1.0) |
| g | number | Green component (0.0-1.0) |
| b | number | Blue component (0.0-1.0) |
| a | number | Alpha component (0.0-1.0) |
Returns
HSColor
An HSColor object
staticHSColor.hex(hex) -> HSColor
Create a color from a hex string
Declaration
HSColor.hex(hex) -> HSColorParameters
| Name | Type | Description |
|---|---|---|
| hex | string | Hex string (e.g. "#FF0000" or "FF0000") |
Returns
HSColor
An HSColor object
staticHSColor.named(name) -> HSColor
Create a color from a named system color
Declaration
HSColor.named(name) -> HSColorParameters
| Name | Type | Description |
|---|---|---|
| name | string | Name of the system color (e.g. "red", "blue", "systemBlue") |
Returns
HSColor
An HSColor object
set(value) -> None
Update this color's value.
If this color is bound to a UI element, the canvas re-renders automatically.
Declaration
set(value) -> NoneParameters
| Name | Type | Description |
|---|---|---|
| value | JSValue | A hex color string (e.g. "#FF0000") or another HSColor object |
Returns
None
Example
const reactive = HSColor.hex("#4A90E2")
reactive.set("#E24A4A")
reactive.set(HSColor.named("red"))