A sleek, modal color picker for FlutterFlow that gives designers and users precise control over color selection in one compact UI. The full-spectrum canvas, hue strip, and alpha slider work together with Hex / RGB / HSL / HSV inputs so you can dial in exact values, preview opacity, and confirm with confidence.

• Modal sheet UI with header icon and close button.

• Large color canvas (saturation × brightness) with draggable thumb.

• Vertical hue slider for fast spectrum navigation.

• Alpha slider with live percentage (e.g., 60%) for transparency control.

• Multi-model inputs: quick switch between Hex, RGB, HSL, HSV tabs.

• Validated Hex field with # prefix; auto-uppercase & length guard.

• Live preview swatch that reflects hue + opacity in real time.

• Keyboard & touch friendly: fine-grained stepping, large hit targets.

• Theme-aware dark UI; fully brandable colors, radii, and shadows.

• Persistence ready: store last used color or recent picks.

• Accessible states with contrast-aware labels and haptics.

Keywords: color picker, color selector, hue slider, alpha slider, opacity control, Hex input, RGB input, HSL, HSV, saturation brightness, gradient canvas, modal sheet, dark theme, live preview, color swatch, Flutter widget, FlutterFlow component, UI controls, design tools, brand colors, transparency, accessibility, haptics, validation, input masks, real-time update, onChange callback, confirm cancel actions, theme customization, mobile picker, product design, developer tool.