🔧 Installation & Setup

1. Download and Install:

   • Install the Color Palette Harmonizer component from the OutSystems Forge.

   • After installation, the module will include:

     • A C# extension (ColorPaletteHarmonizer)

     • A sample reactive web application (ColorPaletteDemo)

2. Reference the Component:

   • In your own Reactive Web App, add a reference to the public server actions:

     • GenerateComplementaryPalette

     • GenerateTriadicPalette

     • GenerateAnalogousPalette

   • Also, reference the structure: ColorList

🚀 How to Use

📥 Input:

• Each action requires a HEX color string as input (e.g., #FF5733).

• You can get this via:

  • An input field

  • A static color

  • A color picker (<input type="color">) with Notify logic

📤 Output:

• Each action returns a record list of HEX colors (ColorList)

• Use this list to:

  • Display swatches

  • Dynamically apply styles

  • Feed into theme management logic

🎨 Color Harmony Modes

🧪 Demo App

• A ready-to-use sample screen is included (DemoPalette)

• It features:

  • A color picker (HTML input)

  • Dropdown to choose the palette type

  • A button to generate the palette

  • Live color swatches displaying the result

🛠️ Notes

• Only valid HEX colors are supported (e.g., #000000 to #FFFFFF)

• Colors are case-insensitive

• Output is sorted in visually logical order (e.g., Left/Base/Right or Base/Complement)