Color Picker | Custom Web Control | WinCC Unified & V8

Custom Web Control

About Color Picker

The Color Picker is a high-performance Custom Web Control designed specifically for WinCC Unified and WinCC V8 environments. It provides operators with an intuitive interface for selecting colors with surgical precision, featuring integrated transparency management and a manual confirmation workflow to ensure process safety and prevent accidental changes during runtime.

Key Features

• Event-Driven Logic: Provides real-time feedback through the ColorChanged event and enables secure data submission via the ColorApplied event.
• Dual Format Support: Automatically synchronizes color data between selectedColor (standard ARGB) and selectedHex (RRGGBBAA) for maximum compatibility with PLC tags.
• Programmatic Control: Includes built-in methods such as setColorFromHex for external triggering and resetToDefault to quickly return the UI to its initial state.

Customization

This control offers 13 adjustable properties to ensure it fits any HMI requirement. Use the showTransparency property to toggle alpha-channel editing and showApplyButton to customize the interaction workflow. Every UI element is localizable through properties like hexLabel, hueLabel, opacityLabel, and specific channel labels such as redLabel, greenLabel, and alphaLabel. Furthermore, the backgroundColor property allows the control panel to blend seamlessly into your existing HMI dark or light themes.

Use Cases

Ideal for applications requiring dynamic visual feedback, such as setting custom fluid colors in piping systems, defining multi-state indicator thresholds, or allowing operators to personalize dashboard aesthetics for different shifts and lighting conditions.

Compatibility

Fully optimized for WinCC Unified (TIA Portal) and WinCC V8. This control is ready for deployment in modern web-based industrial interfaces and requires no additional browser plugins.

⚠️ AI-Generated: This custom web control was automatically generated using AI. Please test and validate before deploying in production environments.

⚠️ AI-Generated: This custom web control was automatically generated using AI technology. It may contain errors or unexpected behavior. Users are responsible for testing and validating before using in production environments.