このページでは

HueSaturation QML Type

HSL色空間におけるソース項目の色を変更します。詳細...

Import Statement: import Qt5Compat.GraphicalEffects
Since: QtGraphicalEffects 1.0
Inherits:

Item

プロパティ

詳細な説明

HueSaturationはColorize エフェクトと似ていますが、色相(hue)と彩度(saturation)のプロパティ値の扱いが異なります。HueSaturationエフェクトは、色相、彩度、明度を設定するのではなく、常に元の値からシフトさせます。

ソースエフェクトの適用

葉の上にいる黒いカブトムシ

色相と彩度を調整したカブトムシ

例

以下の例は、このエフェクトを適用する方法を示しています。

import QtQuick
import Qt5Compat.GraphicalEffects

Item {
    width: 300
    height: 300

    Image {
        id: bug
        source: "images/bug.jpg"
        sourceSize: Qt.size(parent.width, parent.height)
        smooth: true
        visible: false
    }

    HueSaturation {
        anchors.fill: bug
        source: bug
        hue: -0.3
        saturation: 0.5
        lightness: -0.1
    }
}

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

cached : bool

このプロパティを使用すると、エフェクトの出力ピクセルをキャッシュして、レンダリング性能を向上させることができます。

ソースまたはエフェクトのプロパティが変更されるたびに、キャッシュ内のピクセルを更新する必要があります。エフェクトの出力を保存するために追加のメモリバッファが必要となるため、メモリ消費量が増加します。

ソースやエフェクトのプロパティがアニメーション化される場合は、キャッシュを無効にすることをお勧めします。

デフォルトでは、このプロパティは「false 」に設定されています。

hue : real

このプロパティは、ソースの色相値に加算される色相値を定義します。

値の範囲は-1.0(減少)から1.0(増加)です。デフォルトでは、このプロパティは0.0 (変更なし)に設定されています。

異なる色相値を用いた出力例

色相が左にずれたカブトムシ

オリジナルの色合いのビートル

色相が右にシフトしたカブトムシ

hue: -0.3 hue: -0.3hue: 0.0 色相: -0.3色相: 0.0
saturation: 0saturation: 0saturation: 0
lightness: 0lightness: 0lightness: 0

lightness : real

このプロパティは、ソースの彩度値に加算される明度値を定義します。

値の範囲は-1.0(減少)から1.0(増加)です。デフォルトでは、このプロパティは0.0 (変更なし)に設定されています。

さまざまな明度値を用いた出力例

ビートルが黒ずんだ

ビートル、本来の軽さ

ビートル、軽量化

明度: -0.5 明度: -0.5明度: 0.0 明度: -0.5明度: 0.0
hue: 0hue: 0hue: 0
saturation: 0saturation: 0saturation: 0

saturation : real

このプロパティは、ソースの彩度値に加算される彩度値を定義します。

値の範囲は、-1.0(減少)から1.0(増加)です。デフォルトでは、このプロパティは0.0 (変更なし)に設定されています。

異なる彩度値を用いた出力例

ビートルは全体的に彩度が抑えられている

「ビートル」の元の彩度

彩度を高めたビートル

saturation: -0.8 saturation: 0.0 saturation: -0.8saturation: 0.0
hue: 0hue: 0hue: 0
lightness: 0lightness: 0lightness: 0

source : variant

このプロパティは、エフェクトのソースピクセルを提供するソースアイテムを定義します。

注: エフェクトの親をソースとして設定するなど、エフェクトが自分自身をソースに含めることはサポートされていません。

© 2026 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.