color QML Value Type

ARGBの色値。詳細…

プロパティ

• a : real
• b : real
• g : real
• hslHue : real
• hslLightness : real
• hslSaturation : real
• hsvHue : real
• hsvSaturation : real
• hsvValue : real
• r : real
• valid : bool

詳細な説明

color 型は、ARGBカラー値を表します。以下のさまざまな方法で指定できます。

• 「red」、「green」、「lightsteelblue」などのSVG color name 。
• 16進数の3桁または4桁の値で指定する場合。それぞれ"#RRGGBB" および"#AARRGGBB" の形式をとります。例えば、赤色は"#FF0000" という3桁の値に対応し、わずかに透明感のある青色は"#800000FF" という4桁の値に対応します。
• 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）の値を表す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++ と統合する場合、C++ から QML に渡される QColor 値は自動的にcolor 値に変換され、その逆も同様であることに注意してください。

この値の型は、QtQuick インポートによって提供されます。

SVG 色のリファレンス

以下の表に、利用可能なSVG 色を一覧表示します:

「QMLの値型」も参照してください 。

プロパティのドキュメント

a : real

RGBAモデルのアルファカラーチャンネル。アルファは各ピクセルの不透明度を表します。

b : real

RGBAモデルの青（Blue）カラーチャンネル。

g : real

RGBAモデルの緑（Green）カラーチャンネル。

hslHue : real

その色のHSL色相成分。

hslLightness : real

その色のHSL明度成分。

hslSaturation : real

その色のHSL彩度成分。

hsvHue : real

その色のHSV色相成分。

hsvSaturation : real

その色のHSV彩度成分。

hsvValue : real

その色のHSV値の「色」成分。

r : real

RGBAモデルの赤（Red）カラーチャンネル。

valid : bool

色が有効な場合は `True ` を返し、そうでない場合は `False` を返します。