Color

MMO.core · 1 symbole · générée le 27 Oct 2026

class

Color

class MMO.core.Color

Espace de noms: 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

Méthodes13

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
retourne	`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
retourne	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
retourne	`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
retourne	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()

retourne

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