Enter keywords to search, such as text, json, images, etc.
Color Picker
  • Select Color:
  • Hex:
    #409eff
  • RGB:
    rgb(64, 158, 255)
  • HSL:
    hsl(210, 100%, 63%)
  • HSV:
    { "h": 210, "s": 75, "v": 100, "a": 1 }
  • HWB:
    hwb(210 25% 0%)
  • LAB:
    { "l": 63.11, "a": -3.26, "b": -57.18, "alpha": 1 }
  • LCH:
    lch(63.11% 57.27 266.73)
  • CMYK:
    device-cmyk(75% 38% 0% 0%)
  • Name:
    dodgerblue
Convert colors between different formats (Hex, RGB, HSL, and CSS names)

Colors are everywhere in CSS, they can be used as text, backgrounds, shadows, tables, borders, links, and more. Most colors we use in CSS are Hex and RGB, but there are many ways to represent colors;
- RGB: RGB values are also a common way to represent colors. RGB stands for Red-Green-Blue, and this order is very important. Each color is specified using numbers from 0 to 255. The most common RGB values are black: rgb(0,0,0) and white: rgb(255,255,255). The RGB representation allows us to access the same range of colors as hex values in a more readable form.
- Hex: Hexadecimal values can be used to represent colors in CSS, which is also the most commonly used color representation. Hexadecimal uses 16 symbols, with 0-9 representing values from 0 to 9, and A-F representing values from 10 to 15.
- HSL: HSL stands for Hue-Saturation-Lightness, representing hue, saturation, and lightness. It is based on the RGB color wheel. Each color has an angle and percentage values for saturation and lightness.
- HSV: The HSV color space is an improvement over the traditional RGB model, introducing three main components to define color: Hue (H), Saturation (S), and Value (V). Unlike the RGB model, which is based on the dominant wavelength of color, saturation, and brightness, it provides a more intuitive description of colors.
- HWB: HWB stands for Hue-Whiteness-Blackness, representing hue, whiteness, and blackness.
- LAB: LAB is a color space accessible in software like Photoshop, representing the entire range of colors visible to the human eye. It uses three axes: lightness, a-axis, and b-axis.
- LCH: LCH stands for Lightness, Chroma, and Hue. It has the same L value as Lab but uses C (chroma) and H (hue) instead of coordinates a* and b*. Hue can be a value between 0 and 360. Chroma represents the amount of color, similar to saturation in HSL. However, chroma values can exceed 100, theoretically having no upper limit.
- CMYK: CMYK stands for Cyan, Magenta, Yellow, and Key, matching the ink colors used in printers. While screens typically display colors in RGB, printers usually represent colors using combinations of cyan, magenta, yellow, and black, which are the most common ink colors.