Color - Revision history

Rudolf@tygron.nl: /* Alpha value */

2026-07-15T06:42:16Z

Alpha value

← Older revision		Revision as of 06:42, 15 July 2026
Line 25:		Line 25:
	RGBA values (with ranges of 0-255) can be calculated as follows:		RGBA values (with ranges of 0-255) can be calculated as follows:
	{{code\|1=		{{code\|1=
	B = ( color % 4294967296 ) % 256		B = ( color % 4294967296 ) % 256
	G = (( color % 4294967296 ) / 256 ) % 256		G = (( color % 4294967296 ) / 256 ) % 256
	R = (( color % 4294967296 ) / 256² ) % 256		R = (( color % 4294967296 ) / 256² ) % 256
	A = ((( color + 2147483648 % 4294967296 ) / 256³ ) + 128) % 256		A = ((( (color + 2147483648) % 4294967296 ) / 256³ ) + 128) % 256
	}}		}}
	In which the result of each division is strictly rounded down.		In which the result of each division is strictly rounded down.

Rudolf@tygron.nl: /* Alpha value */

2026-07-15T06:41:47Z

Alpha value

← Older revision		Revision as of 06:41, 15 July 2026
Line 25:		Line 25:
	RGBA values (with ranges of 0-255) can be calculated as follows:		RGBA values (with ranges of 0-255) can be calculated as follows:
	{{code\|1=		{{code\|1=
	B = ( color % 4294967296 ) % 256		B = ( color % 4294967296 ) % 256
	G = (( color % 4294967296 ) / 256 ) % 256		G = (( color % 4294967296 ) / 256 ) % 256
	R = (( color % 4294967296 ) / 256² ) % 256		R = (( color % 4294967296 ) / 256² ) % 256
	A = ((( color + 2147483648 % 4294967296 ) / 256³ ) + 128) % 256		A = ((( color + 2147483648 % 4294967296 ) / 256³ ) + 128) % 256
	}}		}}

Rudolf@tygron.nl at 06:41, 15 July 2026

2026-07-15T06:41:16Z

← Older revision		Revision as of 06:41, 15 July 2026
Line 21:		Line 21:
	===Alpha value===		===Alpha value===
	An alpha value is included in the calculation as follows:		An alpha value is included in the calculation as follows:
	{{code\|1=color = ( ~~2147483648~~ + (red * 256²) + (green * 256) + (blue) ) % 4294967296 ) - 2147483648 </code>}}		{{code\|1=color = ( ((alpha-128) * 256³) + (red * 256²) + (green * 256) + (blue) ) % 4294967296 ) - 2147483648 </code>}}

	RGBA values (with ranges of 0-255) can be calculated as follows:		RGBA values (with ranges of 0-255) can be calculated as follows:
	{{code\|1=		{{code\|1=
	B = ( color % 4294967296 ) % 256		B = ( color % 4294967296 ) % 256
	G = (( color % 4294967296 ) / 256 ) % 256		G = (( color % 4294967296 ) / 256 ) % 256
	R = (( color % 4294967296 ) / 256² ) % 256		R = (( color % 4294967296 ) / 256² ) % 256
	A = (( color % 4294967296 ) / 256³ ) % 256		A = ((( color + 2147483648 % 4294967296 ) / 256³ ) + 128) % 256
	}}		}}
	In which the result of each division is strictly rounded down.		In which the result of each division is strictly rounded down.

Frank@tygron.nl at 14:58, 14 July 2026

2026-07-14T14:58:18Z

← Older revision		Revision as of 14:58, 14 July 2026
Line 65:		Line 65:
	* [[Api session event editor neighborhood set attribute]]		* [[Api session event editor neighborhood set attribute]]
	* [[Api session event editor building set attribute]]		* [[Api session event editor building set attribute]]
			* [[Api session event editor terraintype set attribute]]
	* [[Api session event editor indicator set attribute]]		* [[Api session event editor indicator set attribute]]
	* [[Api session event editor zoning set attribute]].		* [[Api session event editor zoning set attribute]].
	}}		}}
	[[Category:unit]]		[[Category:unit]]

Frank@tygron.nl at 14:58, 14 July 2026

2026-07-14T14:58:06Z

← Older revision		Revision as of 14:58, 14 July 2026
Line 64:		Line 64:
	\|api=*[[Api session event editor area set attribute]]		\|api=*[[Api session event editor area set attribute]]
	* [[Api session event editor neighborhood set attribute]]		* [[Api session event editor neighborhood set attribute]]
	* [[Api session event editor ~~stakeholder~~ set attribute]]		* [[Api session event editor building set attribute]]
	* [[Api session event editor indicator set attribute]]		* [[Api session event editor indicator set attribute]]
	* [[Api session event editor zoning set attribute]].		* [[Api session event editor zoning set attribute]].
	}}		}}
	[[Category:unit]]		[[Category:unit]]

Frank@tygron.nl at 14:57, 14 July 2026

2026-07-14T14:57:56Z

← Older revision		Revision as of 14:57, 14 July 2026
Line 62:		Line 62:
	* [[Color (Panel Attribute)]]		* [[Color (Panel Attribute)]]
	* [[Color (Area Attribute)]]		* [[Color (Area Attribute)]]
	\|api=*[[Api session event editor area set ~~color~~]]		\|api=*[[Api session event editor area set attribute]]
	* [[Api session event editor indicator set ~~color~~]]		* [[Api session event editor neighborhood set attribute]]
	* [[Api session event editor zoning set ~~color~~]].		* [[Api session event editor stakeholder set attribute]]
			* [[Api session event editor indicator set attribute]]
			* [[Api session event editor zoning set attribute]].
	}}		}}
	[[Category:unit]]		[[Category:unit]]

Frank@tygron.nl at 14:57, 14 July 2026

2026-07-14T14:57:23Z

← Older revision		Revision as of 14:57, 14 July 2026
Line 1:		Line 1:
	Color is a usually expressed ~~through~~ a ~~number~~ of values~~, the combination fo which expresses an exact~~ color. An example of such a format is RGB, in which three values represent the amount of red, blue, and green displayed respectively.		Color is usually expressed as a combination of values that define a specific color. An example of such a format is RGB, in which three values represent the amount of red, blue, and green displayed respectively.

	Many spatial components with [[attribute]]s automatically have a "COLOR" attribute added to them, indicating the color used when the components are displayed. The value is the same as the color property of that component. When that color property is changed, the attribute is changed, and vice versa.		Many spatial components with [[attribute]]s automatically have a "COLOR" attribute added to them, indicating the color used when the components are displayed. The value is the same as the color property of that component. When that color property is changed, the attribute is changed, and vice versa.
Line 33:		Line 33:

	==RGB(A) format==		==RGB(A) format==
	Using [[Attribute array]]s, a color can also be written as a list of 3 separate values in a single attribute, representing red, green, and blue respectively. Any of these ~~colors~~ values ~~van~~ range from 0 to 255. Optionally, a 4th value can be added representing the "alpha" of the color, which indicates the opacity. This value too can range from 0 (fully transparent) to 255 (fully opaque).		Using [[Attribute array]]s, a color can also be written as a list of 3 separate values in a single attribute, representing red, green, and blue respectively. Any of these color values can range from 0 to 255. Optionally, a 4th value can be added representing the "alpha" of the color, which indicates the opacity. This value too can range from 0 (fully transparent) to 255 (fully opaque).

	==HEX format==		==HEX format==
Line 62:		Line 62:
	* [[Color (Panel Attribute)]]		* [[Color (Panel Attribute)]]
	* [[Color (Area Attribute)]]		* [[Color (Area Attribute)]]
			\|api=*[[Api session event editor area set color]]
			* [[Api session event editor indicator set color]]
			* [[Api session event editor zoning set color]].
	}}		}}
	[[Category:unit]]		[[Category:unit]]

Frank@tygron.nl at 09:14, 1 May 2026

2026-05-01T09:14:52Z

← Older revision		Revision as of 09:14, 1 May 2026
Line 54:		Line 54:
	* For single value notation, including a transparency (alpha) value involves adding an additional value based on a base value of 256³. However, in this situation an integer roll-over may occur while calculating the required value, which leads to the slightly more complex formula.		* For single value notation, including a transparency (alpha) value involves adding an additional value based on a base value of 256³. However, in this situation an integer roll-over may occur while calculating the required value, which leads to the slightly more complex formula.
	\|seealso=		\|seealso=
	* [[~~Roof~~ color (Function Value)]]		* [[Basement color (Function Value)]]
	* [[Ground color (Function Value)]]		* [[Ground color (Function Value)]]
	* [[Extra color (Function Value)‎]]		* [[Extra color (Function Value)‎]]
	* [[Top color (Function Value)‎]]		* [[Top color (Function Value)‎]]
			* [[Roof color (Function Value)]]
	* [[Color (Terrain Attribute)]]		* [[Color (Terrain Attribute)]]
	* [[Color (Panel Attribute)]]		* [[Color (Panel Attribute)]]

Frank@tygron.nl: /* Combo Overlay Functions */

2026-04-29T15:07:32Z

Combo Overlay Functions

← Older revision		Revision as of 15:07, 29 April 2026
Line 42:		Line 42:
	==Combo Overlay Functions==		==Combo Overlay Functions==
	The Combo Overlay provides the following functions to convert between RGBA values and a Tygron Color value:		The Combo Overlay provides the following functions to convert between RGBA values and a Tygron Color value:
	*COLOR: Create a color given a red, green and blue value. A fourth alpha value is optional.		*''COLOR'': Create a color given a red, green and blue value. A fourth alpha value is optional.
	*RED: Get a red channel value (0-255) for a legend color or pixel value.		*''RED'': Get a red channel value (0-255) for a legend color or pixel value.
	*GREEN: Get a green channel value (0-255) for a legend color or pixel value.		*''GREEN'': Get a green channel value (0-255) for a legend color or pixel value.
	*BLUE: Get a blue channel value (0-255) for a legend color or pixel value.		*''BLUE'': Get a blue channel value (0-255) for a legend color or pixel value.
	*ALPHA: Get an alpha channel value (0-255) for a legend color or pixel value.		*''ALPHA'': Get an alpha channel value (0-255) for a legend color or pixel value.

	Always use these functions for conversions instead of writing your own.		Always use these functions for conversions instead of writing your own.

Frank@tygron.nl: /* HEX format */

2026-04-29T15:07:10Z

HEX format

← Older revision		Revision as of 15:07, 29 April 2026
Line 37:		Line 37:
	==HEX format==		==HEX format==
	When requesting an items Color by executing a [[Select color (TQL)]] query, the result is returned in a HEX format, such that it can be used directly in HTML. A hexadecimal color is specified with: #RRGGBB, where the RR (red), GG (green) and BB (blue) hexadecimal integers specify the components of the color. A hexadecimal number is represented by a number from 0 to 9 or by a letter A to F, where A represents the number 10 and F the number 15. Two hexadecimal numbers support 256 unique decimal numbers.		When requesting an items Color by executing a [[Select color (TQL)]] query, the result is returned in a HEX format, such that it can be used directly in HTML. A hexadecimal color is specified with: #RRGGBB, where the RR (red), GG (green) and BB (blue) hexadecimal integers specify the components of the color. A hexadecimal number is represented by a number from 0 to 9 or by a letter A to F, where A represents the number 10 and F the number 15. Two hexadecimal numbers support 256 unique decimal numbers.

			See also: [https://www.w3schools.com/html/html_colors_hex.asp HTML HEX Colors]

	==Combo Overlay Functions==		==Combo Overlay Functions==