CSS notation
Use this for all CSS properties that accept a color as a value: color, background-color, border-color
#ffffff
#fff
rgb(255,255,255)
hsl(0, 0%, 100%)
White
Color space conversion
Conversion of this color for each color space representation
| RGB | ||
|---|---|---|
| Red | Green | Blue |
| 100% | 100% | 100% |
| HSL | ||
|---|---|---|
| Hue | Saturation | Lightness |
| 0° | 0% | 100% |
| HSV / HSB | ||
|---|---|---|
| Hue | Saturation | Value / Brightness |
| 0° | 0% | 100% |
| RGB - Normalized | ||
|---|---|---|
| Red | Green | Blue |
| 1 | 1 | 1 |
| HSL - Normalized | ||
|---|---|---|
| Hue | Saturation | Lightness |
| 0 | 0 | 1 |
| HSV / HSB - Normalized | ||
|---|---|---|
| Hue | Saturation | Value / Brightness |
| 0 | 0 | 1 |
| CMYK | |||
|---|---|---|---|
| Cyan | Magenta | Yellow | Black |
| 0% | 0% | 0% | 0% |
| YCbCr | ||
|---|---|---|
| Y | Cb | Cr |
| 1 | 0 | 0 |
| XYZ | ||
|---|---|---|
| X | Y | Z |
| 95.05 | 100 | 108.9 |
| CIE Lab | ||
|---|---|---|
| L | a | b |
| 100 | 0.01 | -0.01 |
Nearest Colors Name
Matching similar color names
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.