hsv wheel color picker

via http://chiralcode.com/color-picker-for-android/

Single color picker

Color Picker is based on HSV color model. Using color wheel in the middle, user can adjust hue and saturation. Arc on the right side allows user to change value of the selected color. Arc on the left side shows currently selected color. This is how it looks like:

Android Color Picker Android Color Picker Android Color Picker

Multi color picker

More advanced version allows to pick several colors at once. It is really not easy to compose a palette of eye-catching colors. Changing only the hue while keeping saturation and color value on the same level gives nice effects and is easy to achieve.

Android Color Picker Android Color Picker Android Color Picker

Project is available at GitHub: https://github.com/chiralcode/Android-Color-Picker/


UberColorPicker Demo

UberColorPicker Demo - screenshot thumbnail UberColorPicker Demo - screenshot thumbnail

Superdry Color Picker

Superdry Color Picker Demo - screenshotSuperdry Color Picker Demo - screenshot


color wheel

via http://www.workwithcolor.com/the-color-wheel-0666.htm

HSL color picker:http://www.workwithcolor.com/hsl-color-picker-01.htm

Colllor: http://colllor.com/c4bb0a


color wheel is a circular arrangement of hues, close to the order of how colors are represented in the light color spectrum.

We want to look into the process of creating a color wheel to find out more about differences of color wheels and their characteristics. We will also look into basics of color mixing. If you have water colors at hand, you can experiment and create a color wheel yourself.

Beginning with a circle on a white/empty canvas, we then have to choose a couple of primary hues and decide on how to arrange them along the circle. More specifically we are now confronted with the following options:

•  With how many hues do we start with?
•  Which hues do we choose?
•  At which position of the circle do we put them?
•  In what order and of which distance to each other?

If you don’t limit your options to create a specific color wheel, you are free to follow your creativity or intended purpose! The decisions made at this stage make the most differences of color wheels.

1. With how many hues do we start with?
The better known color wheels are based on three primary hues but this must not be the ideal amount in every case. Especially for paint mixing purposes it can be more convenient to choose six or more primary hues to get the best result possible.

2. Which hues do we choose?
We should choose those hues which enable us best approximating the colors of the light color spectrum, i.e. the ones which allow us to mix many different hues.

  • Painters typically choose: Red, yellow and blue (RYB).   (also ~ magenta red, yellow, cyan blue)
  • Digital imaging experts choose: Red, green and blue (RGB).
  • Printers typically choose: Cyan, magenta and yellow (CMY).

One characteristic of primary hues is that you can’t mix them. Sometimes you simply have to take the ones available to you!

3. At which position of the circle do we put them?
Let’s say we choose red as the first color to put on the circle. In terms of degrees red has a hue value of 0°. We could therefore follow the typical arrangement of degrees where 0° starts on the right hand side of a circle, or we say 0° starts at the top which is typical for a compass.

3.1. In what order and of which distance to each other?
Again we have several options for positioning the next hues. We could position them to the right or to the left of the first one and still not violate the rule of arranging the colors in accordance with the light color spectrum. In short, this determines the direction of the color wheel: clockwise or anti-clockwise.
What about the distance to each other? Typically, the primary hues are evenly spaced along the circle. This approach follows the basic rule that mixing two opposing colors of the color wheel results in a grayscale color, and the equal distance of primary hues ensures that the “right” colors are positioned opposite to each other. For certain purposes you might want to ignore this rule. This way you could shift the position of certain hues, or preserve more space for a color family respectively.

Options Summary Table:

Amount of Primary Hues 3 to 6+
Typical Hue Choices RYB, RGB, CMY
Hue Positioning Compass, Degrees, Individual
Hue Sequence Orientation Clockwise or Anti-Clockwise
Primary Hues Spacing Equal Spacing or Adjusted

Two-Dimensional Color Wheels

The steps described this far make a basic color wheel. To enhance a basic color wheel there is the possibility of adding another color dimension to the chart.Dimensionality therefore makes another attribute differentiating color wheels.

Which color dimension can we add?
We can derive the options for a second color dimension from different color models. More specifically from color models which also have hue as one dimension determining a certain color.
Two prominent examples are lightness and saturation since they are considered the other two basic properties of color. Again the choice for either one depends on your intended purpose.
By choosing saturation you can visualize the result of mixing two complementary colors. By choosing lightness you can visualize the result of mixing hues with black and white. For the purpose of selecting colors there is another argument for choosing lightness as the second dimension of a color wheel. People are better at distinguishing differences in lightness than in hue. And, people are better at distinguishing differences in hue than in saturation. Therefore it’s sensible selecting a certain color in sequence of this hierarchy.
To complete the list of options for creating a color wheel we also have to consider the radial direction of the second color dimension: outwards (~ radiation) or inwards (~ gravity).

Options Summary Table II:

Dimensionality One- or Two-Dimensional
Second Color Dimension Derived from Color Spaces
Radial Direction Outwards or Inwards

Now that you know more about options for creating a color wheel, you can more precisely classify a color wheel such as the one created for the HSL Color Picker

Color Wheel Purpose Categories

An interesting question is how we can distinguish color wheels according to their purpose? Maybe we can find answers for this question by analyzing the benefits for a user of the respective instrument.

1. Color Mixing

Paint is not available in every color an artist wants to apply. It also wouldn’t be economical to buy that many. This means a painter, for example, must get along with the available paints and try to find ratios of mixture for desired colors. To find these ratios of mixture a painter must experiment because paints have different attributes. You can imagine it’s not desirable for an artist to experiment while working on a creation because this would interrupt the flow of creativity.

It’s more convenient to do a study in advance and a color wheel can be used as a template for this study. By approximating hues of the light color spectrum you can find ratios of mixture for many colors. A painter can then refer to these insights while working on a creation. The benefit of a color wheel used for color mixing is that the position of hues and their distance to each other visualizes ratios of mixture.

Moreover, the logic behind such a color wheel also works the other way around. By remembering the position of just a few hues you’re able to guess what color is behind an arbitrary position. For example, if red is positioned at 0° and yellow is positioned at 60°, you can easily guess what color is behind the position of 30°. On a side note, this is the benefit you get from using HSL color values in HTML documents. You save time by not having to look up what color is behind a hexadecimal color code.

Picking the best matching color is not as easy as it may sound though

The difficulty is largely dependent on the design of the illustrated comparison set. Difficulty in this context means how confident someone can decide whether a color of the comparison set is a match or not (yes or no) and which one of two colors of the comparison set is a better match (better or worse). A balanced amount of colors in a comparison set is one requirement to increase confidence.

Another factor is how each illustrated color dimension is segmented. For determining colors it has been found best practice to segment color dimensions by equal perceptual differences. A color wheel designed accordingly, in conclusion, illustrates a comparison set of colors through which you can determine colors with greater confidence and then look up the respective color values of your sample.

What is a “good”, the “right”, or a “beautiful” color for a specific workpiece? This is a tough question to answer, especially when you – theoretically – have 16.7 million colors to choose from. Moreover, choosing a color is usually not only about one color on its own but also about choosing the “right” color in context with other colors.

Several principles and theories have been developed to simplify the task of selecting colors. Color wheels are frequently used for both explaining and applying these principles and theories.

A “suitable” color wheel for selecting colors is an instrument which supports the application of principles and theories by which the outcome of a color selection is perceived aesthetically appealing. You may find this not being true for color wheels designed for the purposes of mixing or determining colors.

A Basic Color Wheel …… the first step to unlocking the mysteries of color

Hue, Tint and Shade on a Color Wheel

You’ve probably seen a version of the Basic Color Wheel millions of times.

But how many people really understand how it works?

It looks surprisingly simple and obvious. So obviously simple in fact, that most people overlook its potential to unlock the mysteries of using color effectively.

The whole subject of color is tricky. It seems the more you learn about color, the deeper and broader the subject becomes.

What does a Basic Color Wheel do ?

A Primary Color Wheel blends both scientific theory and subjective preferences. It’s simply a tool to help you choose Color Schemes and paint colors with confidence.

Our human brains react to different Hues, Tints, Tones and Shades in surprisingly predictable ways. We can all tell when a color scheme just doesn’t look right.

But why does it clash ?

One major myth about creating harmonious color schemes is – ‘It just comes naturally to some people.’ Some people may be more naturally inclined, but even they benefit from understanding the color wheel. Most artists I know use one all the time.

The wrong way to choose paint colors …..

Many creative people who work with paint love going to an art supply store. So many colors – so little time. It’s tempting to just buy a tube of what looks like the perfect shade of Yellow-Orangeinstead bothering to mix paint colors every time.

Well, this is usually when things start to go sideways. What looks so luscious in the bottle or tube often clashes with all your other colors. Why ?

That’s because the manufacturer added certain pigments to Primary Yellow to achieve that gorgeous Yellow-Orange. It’s those hidden pigments that get you in trouble. For example, they might add a tiny touch of Blue/Violet to reduce the intensity of the Yellow-Orange. This tiny amount would affect all your colors and make it difficult to control your palette. On the other hand, if you really understand color, you can use it to your advantage.


Just another WordPress.com site

Jing's Blog

Just another WordPress.com site

Start from here......







Just another WordPress.com site

Where On Earth Is Waldo?

A Project By Melanie Coles

the Serious Computer Vision Blog

A blog about computer vision and serious stuff

Cauthy's Blog

paper review...

Cornell Computer Vision Seminar Blog

Blog for CS 7670 - Special Topics in Computer Vision


Life through nerd-colored glasses

Luciana Haill

Brainwaves Augmenting Consciousness



Dr Paul Tennent

and the university of nottingham

turn off the lights, please

A bunch of random, thinned and stateless thoughts around the Web

John's Weblog

Just another WordPress.com weblog

I Am That I Am

Chasing tomorrow's sunrise.