Difference between revisions of "Dynamic Colors"

From GeoGebra Manual
Jump to: navigation, search
m (typo)
m
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude>{{Manual Page|version=4.2}}</noinclude>
+
<noinclude>{{Manual Page|version=5.0}}</noinclude>{{objects|advanced}}
{{objects|advanced}}
+
In GeoGebra, you can change the objects' colour using the ''Colour'' tab of the [[File:Menu-options.svg|link=|16px]] [[Properties Dialog]]. The colour of an object can also be set to change dynamically: open the [[File:Menu-options.svg|link=|16px]] ''Properties Dialog'' of the object whose colour you would like to define, then select the ''Advanced'' tab. The ''Dynamic Colours'' sections contains three input boxes which allow you to enter the main colour's components: ''Red'', ''Green'', and ''Blue''.
In GeoGebra, you can change the objects' colour using the ''Colour'' tab of the [[Properties Dialog]]. The colour of an object can also be set to change dynamically: open the ''Properties Dialog'' of the object whose colour you would like to define, then select the ''Advanced'' tab. The ''Dynamic Colours'' sections contains three input boxes which allow you to enter the main colours components: ''Red'', ''Green'', and ''Blue''.
 
  
 
{{Note|<div>
 
{{Note|<div>
* The RGB values of the main colours are displayed to the right of the ''Preview'' box in the ''Colour'' tab of the [[Properties Dialog]]. In order to obtain the correct number to enter in the dynamic colouring boxes, divide each RGB value by 255.  
+
* The RGB values of the main colours are displayed to the right of the ''Preview'' box in the ''Colour'' tab of the [[File:Menu-options.svg|link=|16px]] ''Properties Dialog''.
* Dynamic colours can also be defined entering a function with range [0, 1].</div>}}
+
* Dynamic colours can also be defined entering a function with range [0,1].</div>}}
  
 
{{Example|
 
{{Example|
 
* Create three [[Slider Tool|sliders]] a, b, and c with an interval from 0 to 1.
 
* Create three [[Slider Tool|sliders]] a, b, and c with an interval from 0 to 1.
 
* Create a polygon, whose colour will be dynamically related to the sliders values.
 
* Create a polygon, whose colour will be dynamically related to the sliders values.
* Open the [[Properties Dialog]] for the polygon, then enter the names of the three sliders into the ''Red'', ''Green'' and ''Blue'' input boxes.
+
* Open the [[File:Menu-options.svg|link=|16px]] ''Properties Dialog'' for the polygon, then enter the names of the three sliders into the ''Red'', ''Green'' and ''Blue'' input boxes.
* Close the ''Properties'' dialog and change the values of the sliders in order to find out how each colour component influences the resulting colour of the polygon.  
+
* Close the [[File:Menu-options.svg|link=|16px]] ''Properties Dialog'' and change the values of the sliders in order to find out how each colour component influences the resulting colour of the polygon.  
{{note|You may also animate the sliders with different speeds, in order to see the colour of the polygon change automatically.}}}}
+
{{note|You may also [[Animation|animate]] the sliders with different speeds, in order to see the colour of the polygon change automatically.}}}}
  
 
The ''Dynamic Colours'' section also contains an input box which allows you to change the ''Opacity'' of the selected object. You can enter a number ranging in [0,1] (where 0 means transparent, and 1 means 100% opaque), as well as a slider, in order to obtain a dynamic opacity.  Other numbers will be ignored.  
 
The ''Dynamic Colours'' section also contains an input box which allows you to change the ''Opacity'' of the selected object. You can enter a number ranging in [0,1] (where 0 means transparent, and 1 means 100% opaque), as well as a slider, in order to obtain a dynamic opacity.  Other numbers will be ignored.  
Line 18: Line 17:
  
 
=== RGB / HSV / HSL ===
 
=== RGB / HSV / HSL ===
Some dynamic colouring patterns can be obtained using a different colour model. Besides the default [[w:RGB|RGB]], GeoGebra offers two more models, [[w:HSL_and_HSV|HSV]] and [[w:HSL_and_HSV|HSL]], that can be selected in the drop down list displayed at the bottom of the ''Dynamic Colours'' section of the ''Advanced'' tab of the ''Properties'' dialog.
+
Some dynamic colouring patterns can be obtained using a different colour model. Besides the default [[w:RGB|RGB]], GeoGebra offers two more models, [[w:HSL_and_HSV|HSV]] and [[w:HSL_and_HSV|HSL]], that can be selected in the drop down list displayed at the bottom of the ''Dynamic Colours'' section of the ''Advanced'' tab of the [[File:Menu-options.svg|link=|16px]] ''Properties Dialog''.
 
{{example|1=To make a point ''A'' go through all the colours of the rainbow when moved left and right, switch to ''HSV'' mode, then set ''Saturation'' and ''Value'' to 1, and ''Hue'' to <code>x(A)</code>.}}
 
{{example|1=To make a point ''A'' go through all the colours of the rainbow when moved left and right, switch to ''HSV'' mode, then set ''Saturation'' and ''Value'' to 1, and ''Hue'' to <code>x(A)</code>.}}

Latest revision as of 09:28, 23 October 2015


In GeoGebra, you can change the objects' colour using the Colour tab of the Menu-options.svg Properties Dialog. The colour of an object can also be set to change dynamically: open the Menu-options.svg Properties Dialog of the object whose colour you would like to define, then select the Advanced tab. The Dynamic Colours sections contains three input boxes which allow you to enter the main colour's components: Red, Green, and Blue.

Note:
  • The RGB values of the main colours are displayed to the right of the Preview box in the Colour tab of the Menu-options.svg Properties Dialog.
  • Dynamic colours can also be defined entering a function with range [0,1].
Example:
  • Create three sliders a, b, and c with an interval from 0 to 1.
  • Create a polygon, whose colour will be dynamically related to the sliders values.
  • Open the Menu-options.svg Properties Dialog for the polygon, then enter the names of the three sliders into the Red, Green and Blue input boxes.
  • Close the Menu-options.svg Properties Dialog and change the values of the sliders in order to find out how each colour component influences the resulting colour of the polygon.
Note: You may also animate the sliders with different speeds, in order to see the colour of the polygon change automatically.


The Dynamic Colours section also contains an input box which allows you to change the Opacity of the selected object. You can enter a number ranging in [0,1] (where 0 means transparent, and 1 means 100% opaque), as well as a slider, in order to obtain a dynamic opacity. Other numbers will be ignored.


RGB / HSV / HSL

Some dynamic colouring patterns can be obtained using a different colour model. Besides the default RGB, GeoGebra offers two more models, HSV and HSL, that can be selected in the drop down list displayed at the bottom of the Dynamic Colours section of the Advanced tab of the Menu-options.svg Properties Dialog.

Example: To make a point A go through all the colours of the rainbow when moved left and right, switch to HSV mode, then set Saturation and Value to 1, and Hue to x(A).
© 2024 International GeoGebra Institute