• Shotcut QML Scripting API
  • Shotcut.Controls
  • ColorWheelItem
  • ColorWheelItem QML Type

    An interactive hue/saturation color wheel with a brightness slider. More...

    Import Statement: import Shotcut.Controls

    Properties

    Signals

    Detailed Description

    Renders a circular color wheel (hue + saturation) with an integrated brightness slider. The user can click and drag inside the wheel or slider to change the color interactively.

    import Shotcut.Controls as Shotcut
    
    Shotcut.ColorWheelItem {
        id: wheel
        color: filter.getColor("color")
        onColorChanged: filter.set("color", color)
    }

    Property Documentation

    blue : int

    The blue channel (0–255) of the selected color.


    blueF : real

    The blue channel as a normalized floating-point value (0.0–1.0).


    color : color

    The currently selected color. Settable to programmatically position the wheel marker and slider.


    green : int

    The green channel (0–255) of the selected color.


    greenF : real

    The green channel as a normalized floating-point value (0.0–1.0).


    red : int

    The red channel (0–255) of the selected color.


    redF : real

    The red channel as a normalized floating-point value (0.0–1.0).


    step : real

    The increment applied per mouse-wheel tick or arrow-key press when adjusting the brightness slider. Defaults to a small fractional value.


    Signal Documentation

    colorChanged(color color)

    Emitted whenever the selected color changes due to user interaction or a property assignment.

    Note: The corresponding handler is onColorChanged.