A widget that provides an interface for selecting or modifying a color.
A widget that provides an interface for selecting or modifying a color. It can optionally provide functionalities like a color sampler (eyedropper), color modes, and presets.
[b]Note:[/b] This control is the color picker widget itself. You can use a [ColorPickerButton] instead if you need a button that brings up a [ColorPicker] in a popup.
https://godotengine.org/asset-library/asset/146
Adds the given color to a list of color presets. The presets are displayed in the color picker and the user will be able to select them.
[b]Note:[/b] The presets list is only for [i]this[/i] color picker.
Adds the given color to a list of color recent presets so that it can be picked later. Recent presets are the colors that were picked recently, a new preset is automatically created and added to recent presets when you pick a new color.
[b]Note:[/b] The recent presets list is only for [i]this[/i] color picker.
Removes the given color from the list of color presets of this color picker.
Removes the given color from the list of color recent presets of this color picker.
Returns the list of colors in the presets of the color picker.
Returns the list of colors in the recent presets of the color picker.
If [code]true[/code], it's possible to add presets under Swatches. If [code]false[/code], the button to add presets is disabled.
The currently selected color.
The currently selected color mode. See [enum ColorModeType].
If [code]true[/code], the color mode buttons are visible.
If [code]true[/code], the color will apply only after the user releases the mouse button, otherwise it will apply immediately even in mouse motion event (which can cause performance issues).
If [code]true[/code], shows an alpha channel slider (opacity).
If [code]true[/code], the hex color code input field is visible.
The shape of the color space view. See [enum PickerShapeType].
If [code]true[/code], the Swatches and Recent Colors presets are visible.
If [code]true[/code], the color sampler and color preview are visible.
If [code]true[/code], the color sliders are visible.
Emitted when the color is changed.
Emitted when a preset is added.
Emitted when a preset is removed.
Allows editing the color with Red/Green/Blue sliders.
Allows editing the color with Hue/Saturation/Value sliders.
Allows the color R, G, B component values to go beyond 1.0, which can be used for certain special operations that require it (like tinting without darkening or rendering sprites in HDR).
Allows editing the color with Hue/Saturation/Lightness sliders.
OKHSL is a new color space similar to HSL but that better match perception by leveraging the Oklab color space which is designed to be simple to use, while doing a good job at predicting perceived lightness, chroma and hue.
[url=https://bottosson.github.io/posts/colorpicker/]Okhsv and Okhsl color spaces[/url]
HSV Color Model rectangle color space.
HSV Color Model rectangle color space with a wheel.
HSV Color Model circle color space. Use Saturation as a radius.
HSL OK Color Model circle color space.
The color space shape and the shape select button are hidden. Can't be selected from the shapes popup.
Overrides the [theme_item HSlider.center_grabber] theme property of the sliders.
The width of the hue selection slider.
The minimum width of the color labels next to sliders.
The margin around the [ColorPicker].
The height of the saturation-value selection box.
The width of the saturation-value selection box.
The icon for the "Add Preset" button.
The texture for the arrow grabber.
Custom texture for the hue selection slider on the right.
Custom texture for the H slider in the OKHSL color mode.
The icon for color preset drop down menu when expanded.
The icon for color preset drop down menu when folded.
The indicator used to signalize that the color value is outside the 0-1 range.
The image displayed over the color box/circle (depending on the [member picker_shape]), marking the currently selected color.
Background panel for the color preview box (visible when the color is translucent).
The icon for the screen color picker button.
The icon for circular picker shapes.
The icon for rectangular picker shapes.
The icon for rectangular wheel picker shapes.