Color space conversion
Conversion of this color for each color space representation
| RGB open » | ||
|---|---|---|
| Red | Green | Blue |
| 20% | 40% | 0% |
| HSL open » | ||
|---|---|---|
| Hue | Saturation | Lightness |
| 90° | 100% | 20% |
| HSV / HSB | ||
|---|---|---|
| Hue | Saturation | Value / Brightness |
| 90° | 100% | 40% |
| RGB - Normalized | ||
|---|---|---|
| Red | Green | Blue |
| 0.2 | 0.4 | 0 |
| HSL - Normalized | ||
|---|---|---|
| Hue | Saturation | Lightness |
| 0.25 | 1 | 0.2 |
| HSV / HSB - Normalized | ||
|---|---|---|
| Hue | Saturation | Value / Brightness |
| 0.25 | 1 | 0.4 |
| CMYK open » | |||
|---|---|---|---|
| Cyan | Magenta | Yellow | Black |
| 50% | 0% | 100% | 60% |
| YCbCr | ||
|---|---|---|
| Y | Cb | Cr |
| 0.29 | -0.17 | -0.07 |
| XYZ | ||
|---|---|---|
| X | Y | Z |
| 6.12 | 10.21 | 1.65 |
| CIE Lab | ||
|---|---|---|
| L | a | b |
| 38.21 | -33.3 | 44 |
Nearest Colors Name
Matching similar color names
CSS notation
Use this for all CSS properties that accept a color as a value: color, background-color, border-color
#336600
#360
rgb(51,102,0)
hsl(90, 100%, 20%)
Tints, Shades, and Tones
Tints
A tint is obtained by adding white to a color. This process reduces darkness.
Shades
A shade is obtained by adding black to a color. This process increases darkness.
Tones
A tone is produced either by mixing a color with grey, or by both tinting and shading.
Recommended Books
Looking for good books to read? Take a look at these books if you want to know more about the theory of colors
Color guides us with subconscious visual clues throughout our lives. Get it right in your design or art, and you can enhance mood and atmosphere, and create a desired psychological or physiological effect.
Using techniques tested and honed in color workshops for those involved in art, painting, or design, this book provides a basic understanding of how to see color, how to use it, and how to mix and combine hues.
A masterwork in art education. Conceived as a handbook and teaching aid for artists, instructors, and students, this influential book presents a singular explanation of complex color theory principles.
An overview of the history of color theory from ancient and classical cultures to contemporary contexts. This book explores important critical principles and provides guidance on the use of color in art and design.
Color Harmonies
Schemes of colors that work well together. Read more about Color Harmonies »
Triad
Let one color dominate and use the other two for the accent.
Square
Balance between warm and cool colors.
Adjacent / Analogous / Analogic
Pleasing and harmonious to the eye, they can be found in nature.
Split Complementary
Low tension, strong visual contrast.
Rectangle / Tetradic
Two complementary pairs for a total of four colors.
Pentagram
Circle around the color wheel, five colors.