A precision color picker with a large SV canvas, hue/alpha sliders, quick swatches, and one-tap format switching (HEX / RGBA / HSLA). Drag to dial in the exact tone, copy the value instantly, and preview contrast in real time—perfect for theming, editors, design tools, and any app that needs accurate, mobile-friendly color input.

Functionality

• SV canvas + Hue/Alpha: Big saturation/value canvas with smooth thumb; vertical hue bar and optional alpha (opacity) slider.

• Format toggle: Live conversion between HEX / RGBA / HSLA; paste detection for #hex, rgb(), hsl() with auto-normalize.

• Preview & contrast: Inline preview chip with optional WCAG contrast indicator (AA/AAA) against a target background.

• Swatches & recents: Built-in palette plus recent selections; customizable rows and order.

• Eyedropper (where supported): System color sampling fallback to manual entry on unsupported devices.

• Clipboard & input: One-tap copy, paste to set color, and stepper/keyboard nudge for fine tuning.

• Events & binding: onChange / onSubmit callbacks to update themes, components, or stored values (debounce/throttle).

• Validation: Strict parsing with helpful messages; clamps out-of-range channels; optional uppercase HEX.

• Theming: Full control over canvas size, corner radius, slider thickness, thumb style, shadows, and typography; Light/Dark ready.

• Accessibility: Large hit targets, focus order, screen-reader labels, high-contrast mode, and full RTL support.

• Performance: GPU-accelerated gestures and lightweight renders for 60fps interactions on real devices.

• Integration: Emits both color objects and strings; easy binding to Firestore / Supabase / REST fields or app-wide theme vars.

Keywords: color picker, spectrum picker, HEX, RGB, RGBA, HSL, HSLA, HSV, alpha, opacity, swatches, recent colors, eyedropper, contrast checker, WCAG, preview chip, clipboard, paste, validation, debounce, throttle, theming, palette, mobile UI, Flutter, FlutterFlow component, iOS, Android, canvas, hue slider, saturation value, dark mode, light mode, RTL, accessibility, performance, GPU, real device tested.