mirror of https://github.com/01-edu/public.git
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
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
- Copy event
- Mouse move event
- SVG:
createElementNS
,setAttribute
- Take a look at the HSL section
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