[Free] WheelColorPicker - It's offering a user-friendly interface for selecting colors with various options such as wheel.

Extensions
,
1

🧩 WheelColorPicker

An extension for MIT App Inventor 2.
A color picker component developed by TechHamara using Fast CLI, offering a user-friendly interface for selecting colors with various options such as wheel type, density, and sliders for lightness and alpha.Telegram | GitHub
BuyMeaCoffee | YouTube
Find More Extension
Terms & Conditions

:memo: Specifications

:package: Package: io.th.wheelcolorpicker
:floppy_disk: Size: 43.64 KB
:gear: Version: 1.0
:iphone: Minimum API Level: 21
:date: Updated On: 2025-07-10T18:30:00Z
:computer: Built & documented using: FAST v2.8.4
:arrow_down: Get aix here
io.th.wheelcolorpicker.aix (43.6 KB)
:arrow_down: Get aia/apk on GitHub
:arrow_down: Download aix on BuyMeCoffee Page
:placard: Library Used : Thank you QuadFlask for your colorpicker library

Demo

Wheel picker blocks.png

Color2.gif

Color3.gif

Color 1.gif

wheel_picker1.jpg

wheel_picker3.jpg

wheel_picker2.jpg

Blocks

ColorSelected_Event
ColorChanged_Event
WheelTypeChanged_Event

Blue_Method
AlphaValue_Method
WheelTypeString_Method
Value_Method
ShowDialogWithButtons_Method
ShowDialog_Method
SelectColor_Method
Saturation_Method
Red_Method
Hue_Method
Green_Method
FlowerWheel_Method
Create_Method
ColorRGBA_Method
ColorRGB_Method
ColorHSV_Method
ColorHex_Method
CircleWheel_Method

WheelType_Get_Property
ShowLightnessSlider_Set_Property
ShowLightnessSlider_Get_Property
ShowColorPreview_Set_Property
ShowColorPreview_Get_Property
ShowColorEdit_Set_Property
ShowColorEdit_Get_Property
ShowBorder_Set_Property
ShowBorder_Get_Property
ShowAlphaSlider_Set_Property
ShowAlphaSlider_Get_Property
ShowAlpha_Set_Property
ShowAlpha_Get_Property
PickerCount_Set_Property
PickerCount_Get_Property
Lightness_Set_Property
Lightness_Get_Property
Enabled_Set_Property
Enabled_Get_Property
DialogTitle_Set_Property
DialogTitle_Get_Property
Density_Set_Property
Density_Get_Property
Color_Set_Property
Color_Get_Property
Alpha_Set_Property
Alpha_Get_Property
WheelType_Set_Property

Documentation

Events:

WheelColorPicker has total 3 events.

ColorChanged

Event raised when the color is changed

Parameter Type
newColor number

ColorSelected

Event raised when the color is selected

Parameter Type
selectedColor number

WheelTypeChanged

Event raised when the wheel type is changed

Parameter Type
newType text

Methods:

WheelColorPicker has total 18 methods.

Create

Initialize inside an arrangement.

Parameter Type
arrangement component

ColorHex

Get the color of the picker as a hex string

  • Return type: text

ColorRGB

Set the color from RGB values

Parameter Type
red number
green number
blue number

ColorRGBA

Set the color from RGBA values

Parameter Type
red number
green number
blue number
alpha number

Red

Get the red component of the current color

  • Return type: number

Green

Get the green component of the current color

  • Return type: number

Blue

Get the blue component of the current color

  • Return type: number

AlphaValue

Get the alpha component of the current color

  • Return type: number

ColorHSV

Set the color from HSV values

Parameter Type
hue number
saturation number
value number

Hue

Get the hue component of the current color

  • Return type: number

Saturation

Get the saturation component of the current color

  • Return type: number

Value

Get the value component of the current color

  • Return type: number

FlowerWheel

Set the wheel type to FLOWER

CircleWheel

Set the wheel type to CIRCLE

WheelTypeString

Get the current wheel type as string

  • Return type: text

SelectColor

Select the current color

ShowDialog

Show the color picker dialog

ShowDialogWithButtons

Show the color picker dialog with custom buttons

Parameter Type
positiveButtonText text
negativeButtonText text

Setters:

WheelColorPicker has total 14 setter properties.

Enabled

Get or set whether the color picker is enabled

  • Input type: boolean

Color

Get or set the current color

  • Input type: number

ShowAlpha

Get or set whether to show alpha channel

  • Input type: boolean

Lightness

Get or set the lightness value (0.0 to 1.0)

  • Input type: number

Alpha

Get or set the alpha value (0.0 to 1.0)

  • Input type: number

WheelType

Get or set the wheel type (0 for FLOWER, 1 for CIRCLE)

  • Input type: number
  • Helper type: Type
  • Helper enums: Flower, Circle

Density

Get or set the density of the color wheel (2-12)

  • Input type: number

DialogTitle

Get or set the dialog title

  • Input type: text

ShowLightnessSlider

Get or set whether to show lightness slider

  • Input type: boolean

ShowAlphaSlider

Get or set whether to show alpha slider

  • Input type: boolean

ShowBorder

Get or set whether to show border

  • Input type: boolean

ShowColorEdit

Get or set whether to show color edit

  • Input type: boolean

ShowColorPreview

Get or set whether to show color preview

  • Input type: boolean

PickerCount

Get or set the number of color pickers (1-5)

  • Input type: number

Getters:

WheelColorPicker has total 14 getter properties.

Enabled

Get or set whether the color picker is enabled

  • Return type: boolean

Color

Get or set the current color

  • Return type: number

ShowAlpha

Get or set whether to show alpha channel

  • Return type: boolean

Lightness

Get or set the lightness value (0.0 to 1.0)

  • Return type: number

Alpha

Get or set the alpha value (0.0 to 1.0)

  • Return type: number

WheelType

Get or set the wheel type (0 for FLOWER, 1 for CIRCLE)

  • Return type: number

Density

Get or set the density of the color wheel (2-12)

  • Return type: number

DialogTitle

Get or set the dialog title

  • Return type: text

ShowLightnessSlider

Get or set whether to show lightness slider

  • Return type: boolean

ShowAlphaSlider

Get or set whether to show alpha slider

  • Return type: boolean

ShowBorder

Get or set whether to show border

  • Return type: boolean

ShowColorEdit

Get or set whether to show color edit

  • Return type: boolean

ShowColorPreview

Get or set whether to show color preview

  • Return type: boolean

PickerCount

Get or set the number of color pickers (1-5)

  • Return type: number
FAQ

Thank

@TechHamara

:placard:Check out my Other Color Picker

:point_right:Here ThColor Picker

  • Feel free to :scroll:contact us any quarry or suggestions.
6 Likes