Convert Color Code:
HEX, HEXA, RGB, RGBA, HSL, HSLA, HSV, HSVA, X11 Colors

Convert Color Code is a free online tool designed to easily convert one color code to other versions, making it a must-have resource for designers, developers, and anyone working with color codes. With the ability to convert X11 color names, hexadecimal (hex) codes to RGB values, and even shift between HSL (Hue, Saturation, Lightness) and HSV (Hue, Saturation, Value) color formats, Convert Color Code provides a practical and user-friendly solution.

Which color codes are supported?

By using Convert Color Code you can perform following conversions:

• HEX to RGB
• HEX to HSL
• HEX to HSV
• HEX to X11 Colors (e.g. #ffffff to white)

• HEXA to RGBA
• HEXA to HSLA
• HEXA to HSVA

• RGB to HEX
• RGB to HSL
• RGB to HSV
• RGB to X11 Colors

• RGBA to HEXA
• RGBA to HSLA
• RGBA to HSVA

• HSL to HEX
• HSL to RGB
• HSL to HSV
• HSL to X11 Colors

• HSLA to HEXA
• HSLA to RGBA
• HSLA to HSVA

• HSV to HEX
• HSV to RGB
• HSV to HSL
• HSV to X11 Colors

• HSVA to HEXA
• HSVA to RGBA
• HSVA to HSLA

What is HEX color code?

A HEX color code, often referred to simply as "hex" is a hexadecimal representation of a color in web design and digital graphics. It consists of a '#' symbol followed by a combination of six characters, which can be numbers (0-9) and letters (A-F). These characters represent the intensity of red, green, and blue (RGB) components in the color, allowing for a vast range of colors to be specified with precision. HEX color codes are widely used in HTML and CSS to define colors for websites, providing a standardized method for designers and developers to ensure consistent and accurate color reproduction across different platforms and browsers.

What is HEXA color code?

A HEXA color code often written as "hex with alpha" is a hexadecimal color representation that includes an alpha component, similar to the rgba color format. In this format, in addition to the standard six characters that define the red, green, and blue (RGB) components, two additional characters represent the alpha channel, which controls the color's transparency or opacity. The alpha channel ranges from 00 (completely transparent) to FF (completely opaque), allowing for a wide range of transparency levels in a color. This format is commonly used in web design and graphic design to specify colors with transparency, providing control over the visual appearance of elements on a web page or in digital graphics.

What is RGB color code?

RGB color code, short for Red, Green, Blue color code, is a numerical representation used in digital design and computing to define colors. It consists of three numerical values, each ranging from 0 to 255, representing the intensity of the red, green, and blue primary colors. By adjusting these values, a wide spectrum of colors can be created. RGB color codes are commonly employed in various applications, including web design, graphic design, and image editing, to precisely specify and reproduce colors for digital displays, images, and content.

What is RGBA color code?

RGBA color code, which stands for Red, Green, Blue, Alpha, is a color representation format used in digital design and computing. It is an extension of the RGB color model, where in addition to specifying the intensity of red, green, and blue (RGB) components, an alpha channel is included. The alpha channel controls the transparency or opacity of the color, with values ranging from 0 (fully transparent) to 1 (fully opaque). RGBA color codes are widely used in web design, graphic design, and image editing to define colors with varying levels of transparency, making it essential for creating visually appealing and layered digital content.

What is HSL color code?

HSL color code, which stands for Hue, Saturation, Lightness, is a color representation system used in digital design and computing. Unlike RGB, which is based on the red, green, and blue primary colors, HSL focuses on different aspects of color.

• Hue: Represents the type of color, ranging from 0 to 360 degrees around the color wheel, where red is 0, green is 120, and blue is 240, for example.
• Saturation: Measures the purity of the color, with 0% being grayscale and 100% being fully saturated.
• Lightness: Specifies the brightness of the color, with 0% being black, 100% being white, and 50% being the original color.

HSL color codes provide a more intuitive and user-friendly way to work with colors, making it easier to adjust color attributes like hue, saturation, and lightness for various design purposes in web and graphic design.

What is HSLA color code?

HSLA color code, an extension of the HSL color model, adds an Alpha channel to the mix. HSLA stands for Hue, Saturation, Lightness, and Alpha.

• Hue: Represents the type of color in degrees (0-360).
• Saturation: Measures the purity of the color (0% to 100%).
• Lightness: Specifies the brightness (0% for black, 100% for white).
• Alpha: Controls transparency (0 for fully transparent, 1 for fully opaque).

HSLA color codes are particularly useful in web design and graphic design, allowing designers to define colors with varying transparency levels, enhancing control over the visual appearance and layering of elements in digital content.

What is HSV color code?

HSV color code, which stands for Hue, Saturation, Value, is a color representation system widely used in digital design and computing. Unlike RGB, which focuses on the primary colors of red, green, and blue, HSV considers different aspects of color:

• Hue: Represents the type of color, ranging from 0 to 360 degrees around the color wheel.
• Saturation: Measures the intensity or purity of the color, with 0% being grayscale and 100% being fully saturated.
• Value: Specifies the brightness of the color, with 0% being black and 100% being the fully lit color.

HSV color codes offer an intuitive way to work with colors, making it easier for designers to adjust hue, saturation, and brightness to achieve their desired visual effects in various digital design applications, including web design and graphic design.

What is HSVA color code?

HSVA color code, an extension of the HSV color model, introduces an Alpha channel, resulting in Hue, Saturation, Value, and Alpha.

• Hue: Defines the color type with values from 0 to 360 degrees.
• Saturation: Indicates color intensity, ranging from 0% (grayscale) to 100% (fully saturated).
• Value: Determines brightness, with 0% as black and 100% as the fully lit color.
• Alpha: Controls transparency, varying from 0 (completely transparent) to 1 (fully opaque).

HSVA color codes are valuable in web design, graphic design, and digital art, enabling precise specification of colors with varying levels of transparency. This extension enhances control over the visual aspects and layering of elements in digital creations.

What is X11 colors?

X11 colors refer to a standardized set of colors used in computing, particularly in the X Window System, a common graphical user interface for Unix-based operating systems. The X11 color palette includes 140 named colors, each with a specific hexadecimal code (HEX) representation. These named colors provide a consistent and widely recognized way to specify colors in software development, web design, and graphic design. Designers and developers often use X11 color names like 'red,' 'blue,' and 'green' along with their corresponding HEX values to ensure color consistency and compatibility across different systems and platforms.

List of X11 color names

Here is a list of all X11 color names:

• AliceBlue
• AntiqueWhite
• Aqua
• Aquamarine
• Azure
• Beige
• Bisque
• Black
• BlanchedAlmond
• Blue
• BlueViolet
• Brown
• BurlyWood
• CadetBlue
• Chartreuse
• Chocolate
• Coral
• CornflowerBlue
• Cornsilk
• Crimson
• Cyan
• DarkBlue
• DarkCyan
• DarkGoldenrod
• DarkGray
• DarkGreen
• DarkKhaki
• DarkMagenta
• DarkOliveGreen
• DarkOrange
• DarkOrchid
• DarkRed
• DarkSalmon
• DarkSeaGreen
• DarkSlateBlue
• DarkSlateGray
• DarkTurquoise
• DarkViolet
• DeepPink
• DeepSkyBlue
• DimGray
• DodgerBlue
• FireBrick
• FloralWhite
• ForestGreen
• Fuchsia
• Gainsboro
• GhostWhite
• Gold
• Goldenrod
• Gray
• Green
• GreenYellow
• Honeydew
• HotPink
• IndianRed
• Indigo
• Ivory
• Khaki
• Lavender
• LavenderBlush
• LawnGreen
• LemonChiffon
• LightBlue
• LightCoral
• LightCyan
• LightGoldenrodYellow
• LightGray
• LightGreen
• LightPink
• LightSalmon
• LightSeaGreen
• LightSkyBlue
• LightSlateGray
• LightSteelBlue
• LightYellow
• Lime
• LimeGreen
• Linen
• Magenta
• Maroon
• MediumAquamarine
• MediumBlue
• MediumOrchid
• MediumPurple
• MediumSeaGreen
• MediumSlateBlue
• MediumSpringGreen
• MediumTurquoise
• MediumVioletRed
• MidnightBlue
• MintCream
• MistyRose
• Moccasin
• NavajoWhite
• Navy
• OldLace
• Olive
• OliveDrab
• Orange
• OrangeRed
• Orchid
• PaleGoldenrod
• PaleGreen
• PaleTurquoise
• PaleVioletRed
• PapayaWhip
• PeachPuff
• Peru
• Pink
• Plum
• PowderBlue
• Purple
• Red
• RosyBrown
• RoyalBlue
• SaddleBrown
• Salmon
• SandyBrown
• SeaGreen
• Seashell
• Sienna
• Silver
• SkyBlue
• SlateBlue
• SlateGray
• Snow
• SpringGreen
• SteelBlue
• Tan
• Teal
• Thistle
• Tomato
• Turquoise
• Violet
• Wheat
• White
• WhiteSmoke
• Yellow
• YellowGreen

Try 1 to 1 color converters

HEX

• hex to rgb
• hex to hsl
• hex to hsv

HEXA

• hexa to rgba
• hexa to rgb
• hexa to hsla
• hexa to hsl
• hexa to hsva
• hexa to hsv

RGB

• rgb to hex
• rgb to hsl
• rgb to hsv

RGBA

• rgba to hexa
• rgba to hex
• rgba to hsla
• rgba to hsl
• rgba to hsva
• rgba to hsv

HSL

• hsl to hex
• hsl to rgb
• hsl to hsv

HSLA

• hsla to hexa
• hsla to hex
• hsla to rgba
• hsla to rgb
• hsla to hsva
• hsla to hsv

HSV

• hsv to hex
• hsv to rgb
• hsv to hsl

HSVA

• hsva to hexa
• hsva to hex
• hsva to rgba
• hsva to rgb
• hsva to hsla
• hsva to hsl

More Tools 🚀

• Background Remover
• Button Generator
• Accordion Slider Generator
• See more tools