Тип цвета QML Basic Type

• По имени цвета SVG, например «красный», «зелёный» или «светло-голубой».
• По шестнадцатеричному триплету или квадруплету в формате "#RRGGBB" и "#AARRGGBB" соответственно. Например, цвет красный соответствует триплету "#FF0000", а слегка прозрачный синий — квадруплету "#800000FF".
• Используя функции Qt.rgba(), Qt.hsva(), Qt.hsla(), Qt.darker(), Qt.lighter() или Qt.tint().

Пример:

Rectangle {
    color: "steelblue"
    width: 40; height: 40
}
Rectangle {
    color: "transparent"
    y: 40; width: 40; height: 40
}
Rectangle {
    color: "#FF0000"
    y: 80; width: 40; height: 40
}
Rectangle {
    color: "#800000FF"
    y: 120; width: 40; height: 40
}
Rectangle {
    color: "#00000000"    // ARGB fully transparent
    y: 160
    width: 40; height: 40
}

Тип цвета имеет свойства r, g, b и a, которые соответственно относятся к значениям красного, зелёного, синего и альфа-канала цвета. Кроме того, он имеет свойства hsvHue, hsvSaturation, hsvValue и hslHue, hslSaturation, hslLightness, которые позволяют получить значения цвета в моделях HSV и HSL соответственно:

Text {
    color: "red"

    // prints "1 0 0 1"
    Component.onCompleted: console.log(color.r, color.g, color.b, color.a)
}

Для проверки значений цвета на равенство используйте функцию Qt.colorEqual(). Это позволяет точно сравнивать цвета, независимо от того, представлены ли они в виде свойств или в любом из допустимых форматов строковых спецификаций.

При интеграции с C++, обратите внимание, что любое значение QColor, переданное в QML из C++, автоматически преобразуется в значение color, и наоборот.

Этот базовый тип предоставляется импортом QtQuick.

Справочник по цветам SVG

В следующей таблице перечислены доступные цвета SVG:

См. также Основные типы QML.