The color picker is a color tool to quickly get
the color codes from colors you'd like to use
in other websites or desktop applications.
The clipboard is designed to save color selections
for later use by bookmarking the "permalink" of
of your clipboard colors. The clipboard permalink
is also a convenient way to share color ideas
with colleagues.
The luminance indicator allows you to manage
the important factor of luminance contrast in
advance.
The CSS output is an add-on for web designers who
want to take advantage of the new CSS3 color
notation possibilities (HSL(a), RGB(a)).
Send improvement suggestions.
How to Use
[Needs further development ...]
- Tip: Change to fullscreen display-mode in your browser
(usually hit F11).
- In general, use your mouse for graphical elements
and your keyboard (type, copy & paste) for input fields.
- Double-click in an input field to select its
contents. Triple-click in the #HEX and the
CSS output fields to select their contents.
- Click once on the large preview square to save
a color to the clipboard.
- Click once on a clipboard selector to activate
a different container.
- Double-click on a clipboard selector to reset
the color value of its container.
Color Picking:
It's recommended to use the sequence - hue - lightness
- saturation - for color picking.
For a new color it's recommended to begin with a
saturation value of 100%.
Saving the Clipboard Colors:
Click on the permalink by which you'll extend the URL of
your browser's address bar with the color codes of your
current clipboard colors. Then bookmark this page like
you do with any other page.
