Color space conversion
Conversion of this color for each color space representation
RGB | ||
---|---|---|
Red | Green | Blue |
0% | 0% | 100% |
HSL | ||
---|---|---|
Hue | Saturation | Lightness |
240° | 100% | 50% |
HSV / HSB | ||
---|---|---|
Hue | Saturation | Value / Brightness |
240° | 100% | 100% |
RGB - Normalized | ||
---|---|---|
Red | Green | Blue |
0 | 0 | 1 |
HSL - Normalized | ||
---|---|---|
Hue | Saturation | Lightness |
0.67 | 1 | 0.5 |
HSV / HSB - Normalized | ||
---|---|---|
Hue | Saturation | Value / Brightness |
0.67 | 1 | 1 |
CMYK | |||
---|---|---|---|
Cyan | Magenta | Yellow | Black |
100% | 100% | 0% | 0% |
YCbCr | ||
---|---|---|
Y | Cb | Cr |
0.11 | 0.5 | -0.08 |
XYZ | ||
---|---|---|
X | Y | Z |
18.05 | 7.22 | 95.05 |
CIE Lab | ||
---|---|---|
L | a | b |
32.3 | 79.2 | -107.86 |
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
#0000ff
#00f
rgb(0,0,255)
hsl(240, 100%, 50%)
Blue
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.
Color Harmonies
Schemes of colors that work well together
Adjacent / Analogous / Analogic
Pleasing and harmonious to the eye, they can be found in nature.
Rectangle / Tetradic
Two complementary pairs for a total of four colors.