Color Picker Tool

Lorem ipsum - black
Lorem ipsum - black and bold
Lorem ipsum - white
Lorem ipsum - white and bold
# name value action
1 HEXA #B3D9FF
2 RGBA rgba(179, 217, 255, 1)
3 HSLA hsla(210, 100%, 85%, 1)
4 HSVA hsva(210, 30%, 100%, 1)
5 CMYK cmyk(30%, 15%, 0%, 0%)

Color Picker - instruction

Our tools will allow you to easily choose the right color.

The first area contains background color and text in black and white. The second area is a tool where you can change color. As you change color, it will also change in the first area. This will allow you to see how it looks. When you choose the color you like, you can easily copy it. In the table above, select a line with the color model you are interested in (HEXA, RGBA, HSLA, HSVA, CMYK) and click on the copy button. Its value will be copied to the clipboard.

Color models

In our tool the colors are represented by five different color space models: HEXA, RGBA, HSLA, HSVA, and CMYK.

HEXA - the hex triplet consists of six hexadecimal digits (three bytes). According to the RGB (red, green, blue) model, the bytes are red, green, and blue. Each byte can take a value from 00 (0) to FF (255), which means the lowest and highest intensity of a given color, respectively.
- Byte 1: red value (colour type red)
- Byte 2: green value (color type green)
- Byte 3: blue value (color type blue)
A is an alpha and is written as a fourth byte. It is not included in CSS.

RGBA is one of the color space models described by the RGBA coordinates. Its name is a composite of the first letters of English color names: R - red, G - green, and B - blue, of which this model is composed, and additionally A - alpha (alpha channel). It is a model resulting from the perception properties of the human eye, in which the impression of seeing any color can be evoked by mixing in fixed proportions three beams of red, green and blue light. The fourth is an alpha channel.

HSLA (Hue, Saturation, Lightness, Alpha) - one of the descriptive models for colors perceived by people. This descriptive method was supposed to consist in the fact that each color perceived by man is assigned one point in three-dimensional space identified by three components: (h,s,l). The model appeared in the period of television launch - the first demonstrations in 1926-1930.
Meaning and range of coordinates:
- H: Hue - with values ranging from 0 to 360 degrees.
- S: Saturation - color saturation. from 0...1 or 0...100%.
- L: Lightness - average white light, between 0...1 or 0...100%.

HSVA (Hue, Saturation, Value, Alpha) - the color space description model was proposed in 1978 by Alvey Ray Smith. H determines numerically the color (on an angle scale of 0-360º, with reference to the color wheel), S determines the saturation, while V determines the brightness of the color.

CMYK (Cyan, Magenta, Yellow, Key - black) - a set of four basic colours for printing inks commonly used in multi-colour printing.

Alpha channel

The alpha channel is normally used as equivalent to the light absorption coefficient. When the alpha channel is 0%, the pixel becomes completely transparent, i.e. it takes on the color of the background below it. As a result, only the background is visible, not the actual color of the pixel. However, when the value recorded in the alpha factor is 100%, the pixels will be completely visible. Values between 0% and 100% allow you to set the transparency level.