Convert between HEX, RGB, HSL, and more
Color conversion translates a color between different color models. Each model represents colors differently: HEX codes (#FF5733) are compact and commonly used in web design, RGB values (255, 87, 51) represent colors as red, green, and blue components and are used in graphics programming, HSL (hue, saturation, lightness) is preferred for creating harmonious color schemes because it separates the color itself from its intensity and brightness.
CSS also supports named colors like 'tomato', 'dodgerblue', and 'mediumseagreen'. Our converter handles all these formats, including alpha transparency variants like RGBA and HSLA.
HEX: Six-digit (#FF5733) and three-digit shorthand (#F53). RGB: Integer format rgb(255, 87, 51) and percentage format rgb(100%, 34%, 20%). HSL: hue (0-360), saturation (0-100%), lightness (0-100%). Alpha variants: RGBA and HSLA with transparency values between 0 and 1.
CSS color names: All 148 named colors from the CSS specification (red, blue, aliceblue, rebeccapurple, etc.). The tool displays the live color preview so you can verify the output at a glance.
Enter a color in any supported format (HEX, RGB, HSL, or CSS name). The tool instantly converts it to all other formats and displays a live color swatch. Copy any format you need by clicking the Copy button next to each value.
The search input lets you find colors by name. As you type, matching CSS color names appear in a dropdown, making it easy to discover and explore the full palette of named colors.
Designers use color converters to translate palette colors between design tools (Figma, Sketch) and code. Frontend developers convert HEX colors from design specs into RGBa for CSS box-shadows or HSLa for dynamic theme generation. Backend developers need to parse and validate hex color codes from user input or configuration files.