<h1>Color Palette Generator</h1> <p class="sub">Generate beautiful color palettes. Click any color to copy its hex code.</p> <div class="input-row"> <label>Base Color</label> <input type="color" id="base-color" value="#00ff88" style="width:60px;height:40px;padding:2px"> <select id="palette-type"> <option value="analogous">Analogous</option> <option value="complementary">Complementary</option> <option value="triadic">Triadic</option> <option value="monochromatic">Monochromatic</option> </select> <button class="btn" onclick="genPalette()">Generate</button> </div> <div class="result" id="result"> <h3>Your Palette</h3> <div class="palette" id="palette"></div> <div id="colors-list" style="margin-top:12px"></div> </div>