Design/Whiteboards/Color Picker

Summary
Design a color picker as a first step of a broader effort to improve color handling.

Color Preview
The bubble at the bottom of the pop-up shows the current object color and, if possible, the color to be applied (the one that is hovered over or the one being set under "Custom color") on top of it. The preview shows the color name in order to be accessible for the color-blind. The label on the box is shown either in black or white, depending on whether the previewed color is dark or light. The label should always use easily translatable common nouns.

Recent
A row of recent colors is shown at the bottom of the "Custom color" view. They are in chronological order, from the newest to the latest. The first item is always the color being set.

Tools menu
The Tools menu should list commands related to color that aren't usually needed in the course of picking a color, such as "Change theme...".

Color Picker and gradients
Based on Mirek's older proposal. Custom color/gradient dialog will be opened with pencil icon.

Description
Originally based on Medieval's proposal, updated based on mirek2's proposal. Custom colors can alternately be in the same popover.

Mockups
These are functionally based on Mirek2's change on the tentative design but are pretty close to Issa's version as well.

Relevant Art
See Color Handling for inspiration.