ColorPicker (free)

Extensions
1

Extension Name: ColorPicker
Advanced color picker dialog with touchable color wheel, real-time center preview, HSL + Alpha sliders, live HEX editing, and customizable swatches.
Full Description:
MarkdownColorPicker is a powerful and beautiful color selection extension for MIT App Inventor, Kodular, and Niotron.

Features:

  • Touchable Color Wheel with real-time solid color preview in the center
  • HSL + Alpha Sliders (Hue, Saturation, Lightness, Alpha)
  • Live HEX Input – edit HEX code and apply instantly
  • Swatches Palette – quick selection from saved/recent colors
  • Fully Customizable via Designer properties
  • Real-time Events – ColorChanged fires while user is selecting

Blocks:

Properties (Designer + Blocks)

  • InitialColor – Set starting color (default: bright green)
  • DarkTheme – Enable dark dialog theme
  • Title – Dialog title text
  • CancelButtonText – Text for Cancel button
  • SelectButtonText – Text for Select button

Methods

  • ShowDialog() – Opens the color picker dialog
  • ColorToHex(color) – Converts ARGB color to #AARRGGBB string
  • HexToColor(hex) – Converts HEX string (#RGB, #RRGGBB, #AARRGGBB) to color

Events

  • ColorChanged(color, hex) – Triggered every time color changes (real-time)
  • ColorSelected(color, hex) – Triggered when user presses "Select"

Usage Example:

  1. Drag ColorPicker component to your screen
  2. Set properties in Designer (InitialColor, Title, etc.)
  3. Call ColorPicker.ShowDialog() from a button
  4. Use ColorSelected event to get the final chosen color

Perfect for drawing apps, theme customizers, UI designers, and any project that needs professional color selection.

blocks (7)
blocks (7)836×497 34.3 KB

2026-07-09_00-35-46
2026-07-09_00-35-46226×454 11.2 KB

2 Likes
2

I cannot find the link to download the .aix file.

4

I unlist the topic until the developer adds the extension again.