You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

1.4 KiB

Pick & click

Instructions

Today, you're gonna create your own color picker.

Write the function pick which creates a hsl color picker varying the hue and luminosity according to the position of the mouse, which:

  • displays the hue value in text
  • displays the luminosity value in text
  • displays the full hsl value in text
  • copies that value in the clipboard on click
  • displays two lines, for X and Y axis, following the cursor

Notions

Provided files

  • Use the HTML file index.html, which includes:

    • the JS script which will allow to run your code
    • some CSS pre-styled classes: feel free to use those as they are, or modify them

Expected result

You can see an example of the expected result: video