What?

When the ColorPicker is open, let the user paste a colour value in any recognisable format. No particular input needs to have focus: pasting works anywhere in the picker. This works even if the format isn't supported by the UI (internal representation is hexadecimal).

• When possible, the UI switches to the corresponding format (hex, RGB, HSL).
• Recognisable formats are hexadecimal, RGB, HSL and colour names. Example inputs: #123, rgb(100 200 30), hsl(60, 20%, 80%), cyan

Why?

• Pasting colors is cumbersome. Usually it requires that 1) they be converted to hex, 2) the instance of ColorPicker be switched to hex type, 3) so that finally a regular paste event can triggered in the text input. I expect it would deter many novice users using colours from a different application.
• I believe that letting the UI switch to the provided format is also convenient, on the assumption that the user will want to make adjustments in the same format.

How?

• Attach a capture-time listener to the picker component to intercept paste events.
• If it succeeds in parsing the input as a colour, it will apply it .
  • If the input format is one of hex / RGB / HSL, switch to that type too.
• Else let the event propagate normally.
  • This should be enough to let the input controls inside the picker work normally (e.g. when a user pastes a single component of a colour).

Testing instructions

• Paste and verify correct application of:
  • hex colors (e.g. #ff0000)
  • rgb colors (e.g. rgb(255, 0, 0))
  • hsl colors (e.g. hsl(0, 100%, 50%))
  • named colors (e.g. "red", "cyan")
• Paste invalid text and verify normal paste behaviour works in individual inputs
• Test paste functionality across different ColorPicker instances