ColorDialog QML Type

A native color dialog. More...

Import Statement: import Qt.labs.platform



Detailed Description

The ColorDialog type provides a QML API for native platform color dialogs.

To show a color dialog, construct an instance of ColorDialog, set the desired properties, and call open(). The currentColor property can be used to determine the currently selected color in the dialog. The color property is updated only after the final selection has been made by accepting the dialog.

MenuItem {
    text: "Color"

ColorDialog {
    id: colorDialog
    currentColor: document.color

MyDocument {
    id: document
    color: colorDialog.color


A native platform color dialog is currently available on the following platforms:

  • iOS
  • Linux (when running with the GTK+ platform theme)
  • macOS

The Qt Labs Platform module uses Qt Widgets as a fallback on platforms that do not have a native implementation available. Therefore, applications that use types from the Qt Labs Platform module should link to QtWidgets and use QApplication instead of QGuiApplication.

To link against the QtWidgets library, add the following to your qmake project file:

QT += widgets

Create an instance of QApplication in main():

#include <QApplication>
#include <QQmlApplicationEngine>

int main(int argc, char *argv[])
    QApplication app(argc, argv);
    QQmlApplicationEngine engine;
    return app.exec();

Note: Types in Qt.labs modules are not guaranteed to remain compatible in future versions.

Property Documentation

color : color

This property holds the final accepted color.

Unlike the currentColor property, the color property is not updated while the user is selecting colors in the dialog, but only after the final selection has been made. That is, when the user has clicked OK to accept a color. Alternatively, the accepted() signal can be handled to get the final selection.

See also currentColor and accepted().

currentColor : color

This property holds the currently selected color in the dialog.

Unlike the color property, the currentColor property is updated while the user is selecting colors in the dialog, even before the final selection has been made.

See also color.

options : flags

This property holds the various options that affect the look and feel of the dialog.

By default, all options are disabled.

Options should be set before showing the dialog. Setting them while the dialog is visible is not guaranteed to have an immediate effect on the dialog (depending on the option and on the platform).

Available options:

ColorDialog.ShowAlphaChannelAllow the user to select the alpha component of a color.
ColorDialog.NoButtonsDon't display OK and Cancel buttons (useful for "live dialogs").

© 2024 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.