Color

MMO.core · 1 symbol · generated 30 Sep 2026

class

Color

class MMO.core.Color

Namespace: MMO.core

Index

	constructor(r, g, b, a)
	ListMMOColors(node) static	Collect every `--mmo-color*` custom property resolving on a node.
	MMOColor(name, node) static	Create a color from a sass color variable set in the framework
	From(color, node) static	Convert a color to its rgb component
	FromStyle(node, style) static	Read a color from a node's computed style, FLATTENING its transparency against the ancestors it would be drawn over, so the result is always opaque.
	FromOKLab(L, a, b) static	Create a Color from OKLab specification
	Mix() static	Mix colors using Björn Ottosson's OKLab specification and matrices — https://bottosson.github.io/posts/oklab NOTE: You can set the property `weight` to the color to set a weight in the mix
	hex()
	name()
	toString()
	luminance()	The WCAG relative luminance: 0 for black, 1 for white.
	textColor()	Get the text color the has the best contrast with the current color
	toOKLab()	Return this color to Björn Ottosson's OKLab specification

Methods13

constructor(r, g, b, a)

Color.js:156

constructor(r, g, b, a = 1.0)

r
g
b
a = 1.0

ListMMOColors(node)

staticColor.js:168

Collect every --mmo-color* custom property resolving on a node.

static ListMMOColors(node)

node	`Element`	the node whose cascade is read
returns	`Object<string, MMO.core.Color>`	indexed by property name

MMOColor(name, node)

staticColor.js:186

Create a color from a sass color variable set in the framework

static MMOColor(name, node = null)

name
node = null
returns	MMO.core.Color \| `null`

From(color, node)

staticColor.js:199

Convert a color to its rgb component

static From(color, node = null)

color	`string`	. Supported format : - #XXXXXX, - html color, - var(--xxx) - rgb(xxx,xxx,xxx) \| rgb(xxx%,xxx%,xxx%) \| rgb(xxx xxx xxx) \| rgba(xxx,xxx,xxx,xxx)
node = null
returns	`MMO.core.colors.Color` \| `null`

FromStyle(node, style)

staticColor.js:237

Read a color from a node's computed style, FLATTENING its transparency against the ancestors it would be drawn over, so the result is always opaque.

static FromStyle(node, style = 'background-color')

node	`Element`
style = 'background-color'	`string`	the css property to read
returns	MMO.core.Color

FromOKLab(L, a, b)

staticColor.js:258

Create a Color from OKLab specification

static FromOKLab(L, a, b)

L
a
b

Mix()

staticColor.js:283

Mix colors using Björn Ottosson's OKLab specification and matrices — https://bottosson.github.io/posts/oklab NOTE: You can set the property weight to the color to set a weight in the mix

static Mix()

returns

MMO.core.Color.Mix("#ff0000", "#00ff00"): a warm olive/brown, not a flat gray if you just mix the RGB