Skip to content

Latest commit

 

History

History
21 lines (16 loc) · 768 Bytes

File metadata and controls

21 lines (16 loc) · 768 Bytes

Scrimba Solo Project - Color-Picker

Live Version >> ➡️ View Project

Requirements

  1. ✅ Choose "seed color" with an <input type="color />
  2. ✅ Choose color scheme mode in a <select> box
  3. ✅ Clicking button makes request to "The Color API" to get a color scheme (I opted to save one click and make the request as soon as you choose a color or select a scheme.)
  4. ✅ Display the scheme colors and hex values on the page

Stretch Goals

  1. ✅ Click on hex value or color and copy it to the clipboard

Additions

  1. 🌟 CSS Animations
  2. 🌟 Random Color Button
  3. 🌟 Copy to clipboard feedback in scheme and hex text area
  4. 🌟 Mobile layout

Preview

App-Preview