Een voorbeeld: px-12.8-[2]-15h

px-12.8-[2]-15h: 12x12 vierkantjes, 8 verschillende kleuren en 2 patronen. 8 kleuren: 4 combinaties van 2 complementaire kleuren. Elk patroon is opgebouwd uit 18 vierkantjes.

RGB, CMYK en HSL

HSL: Hue, Saturation en Lightness. Hue: kleurtoon (0-360°), saturation: verzadiging (0-100%) en lightness: helderheid (0-100%).

	(0,100%,25%)			(0,75%,25%)			(0,50%,25%)			(0,25%,25%)					(180,100%,25%)			(180,75%,25%)			(180,50%,25%)			(180,25%,25%)
	(0,100%,50%)			(0,75%,50%)			(0,50%,50%)			(0,25%,50%)					(180,100%,50%)			(180,75%,50%)			(180,50%,50%)			(180,25%,50%)
	(0,100%,75%)			(0,75%,75%)			(0,50%,75%)			(0,25%,75%)					(180,100%,75%)			(180,75%,75%)			(180,50%,75%)			(180,25%,75%)

Kleurschakeringen van rood (0°) en cyaan (180°) met HSL-waarden

Complementaire kleuren

Enkele voorbeelden van complementaire kleuren

HTML5 canvas

under construction