In this quick tutorial, we will see how to use the JavaFX ColorPicker control with an example.

The JavaFX ColorPicker control enables the user to choose a color in a popup dialog. The chosen color can later be read from the ColorPicker by your JavaFX application. 

The JavaFX ColorPicker control is represented by the class javafx.scene.control.ColorPicker.

JavaFX ColorPicker Example

In this example, we have a ColorPicker and a Text control. The selected color from the color picker is used to set the foreground color of the text control.

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.ColorPicker;
import javafx.scene.layout.HBox;
import javafx.scene.text.Font;
import javafx.scene.text.Text;
import javafx.stage.Stage;

public class Main extends Application {

    @Override
    public void start(Stage stage) {

        initUI(stage);
    }

    private void initUI(Stage stage) {

        var root = new HBox(25);
        root.setAlignment(Pos.BASELINE_CENTER);
        root.setPadding(new Insets(10));

        var txt = new Text("ZetCode");

        var font = Font.font(20);
        txt.setFont(font);

        var cp = new ColorPicker();
        cp.setOnAction((ActionEvent event) -> txt.setFill(cp.getValue()));

        root.getChildren().addAll(cp, txt);

        var scene = new Scene(root, 300, 250);

        stage.setTitle("ColorPicker");
        stage.setScene(scene);
        stage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

Output:

Related JavaFX Examples

1. JavaFX GridPane Example
2. JavaFX ColorPicker Example
3. JavaFX DatePicker Example
4. JavaFX MenuBar Example
5. JavaFX Radio Button Example
6. JavaFX TabPane Example
7. JavaFX Accordion Example
8. JavaFX Login Form Validation Example
9. JavaFX Form Validation - Registration Form Validation Example
10. JavaFX Line Chart Example
11. JavaFX Area Chart Example
12. JavaFX Scatter Chart Example
13. JavaFX Bar Chart Example
14. JavaFX Pie Chart Example
15. JavaFX Select and Multi-Select Example
16. JavaFX Check Box Example
17. Java Calculator Project