JavaFX Color Mixer

The JavaFX Color Mixer provides three ways to select colors and provides 3 or 4 ways that color can be written into a JavaFX program.

The specified color intensities are shown in the three outer circles in the upper right. Each circle shows the intensity of its color. The small circles show the colors resulting from combination of red and green, red and blue, and green and blue. The center circle in the middle shows the resulting color.

Colors can be selected in 3 different ways

  • You can move or click the Red, Green and Blue sliders.
  • You can click on one of the 216 so called "browser-safe colors" in left two columns of color squares.
  • You click on one of 140 JavaFX named colors in the right column. The colors are arranged alphabetically by their name.

The resulting color is displayed in 3 or 4 of the ways that are allowed in JavaFX:

  • Color.web("#rrggbb") where the value is in hexadecimal.
  • Color.rgb(r, g b) where the colors are in decimal integers from 0 to 255.
  • Color.color(R, G, B) where the colors are in decimal numbers from 0.0 to 1.0.
  • The color's name only when the color is selected from the right colum of JavaFX's named colors.

JavaFX allows adding the an additional transparency argument to the three functions where 0 means completely transparent and 255 or 1.0 means completely opaque.

The color mixer applications are written Processing.js and only require an internet
connection and that Javascript is enabled.

brinkje@plu.edu   Version: Aug. 1, 2020

HTML and CSS Color mixer
Java Color mixer
Processing and Processing.js Color mixer