このページでは

Colorize QML Type

HSL色空間の色を設定します。詳細...

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

Item

プロパティ

詳細な説明

注: MultiEffect コンポーネントは 、パフォーマンス面でいくつかの利点を持つカラー化効果を提供します。新規開発においては、Qt XMLのGraphical Effects を使用する代わりに、このコンポーネントの利用を検討すべきです。

このエフェクトは、グレースケール画像の上に色付けされたガラスを重ねたときと同様の効果をもたらします。Colorizeは、色相(hue)、彩度(saturation)、明度(lightness)からなるHSL色空間を使用します。各プロパティについて、希望する値を指定できます。HueSaturation エフェクトを使用すると、すべてのHSL値をシフトさせることができます。

あるいは、ColorOverlay エフェクトを使用して、ソースアイテムをRGBA色空間でカラー化することも可能です。

ソース適用されたエフェクト

葉の上の黒いカブトムシ

カラーライズ効果が適用されたカブトムシ

例

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

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
    }

    Colorize {
        anchors.fill: bug
        source: bug
        hue: 0.0
        saturation: 0.5
        lightness: -0.2
    }
}

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

cached : bool

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

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

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

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

hue : real

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

値の範囲は 0.0 から 1.0 です。デフォルトでは、このプロパティは `0.0` に設定されており、これによりわずかに赤みがかった色が生成されます。

使用可能な色相の値

0.0 から 1.0 までの色相値を示す色スペクトル

さまざまな色相値を用いた出力例

色相0.2で着色されたカブトムシ

色相 0.5 で着色されたカブトムシ

色相 0.8 で色付けされたカブトムシ

hue: 0.2 hue: 0.5 hue: 0.8
saturation: 1saturation: 1saturation: 1
lightness: 0lightness: 0lightness: 0

lightness : real

このプロパティは、元の明度値をどれだけ増減させるかを定義します。

色相や彩度のプロパティとは異なり、明度は使用される値を設定するのではなく、既存の光源ピクセルの明度値をシフトさせます。

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

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

ビートルの暗部、明度 -0.75

通常の明度設定のカブトムシ

ビートルが軽量化され、軽量化率は0.75

lightness: -0.75 明度: 0 明度: 0.75
hue: 0hue: 0hue: 0
saturation: 1saturation: 1saturation: 1

saturation : real

このプロパティは、ソースに色付けを行う際に使用される彩度値を定義します。

値の範囲は0.0(彩度なし)から1.0(彩度あり)です。デフォルトでは、このプロパティは1.0 (彩度あり)に設定されています。

さまざまな彩度値での出力例

ビートル、彩度を下げ、彩度0

彩度0.5のカブトムシ

ビートルが完全に飽和状態

saturation: 0 saturation: 0.5 saturation: 1
hue: 0hue: 0hue: 0
lightness: 0lightness: 0lightness: 0

source : variant

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

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

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