Color Converter

Convert colors between HEX, RGB and HSL formats.

A color converter lets you instantly translate colors between the three most common CSS color formats — HEX, RGB and HSL. Designers and front-end developers constantly switch between these formats depending on the context: HEX in design tools like Figma, RGB in CSS, and HSL for creating color variations programmatically. CodeBench's color converter updates live as you type, with a real-time preview swatch and one-click copy for every format.

How to use:

• 1. Enter a HEX color code (e.g. #1D9E75) to convert it to RGB and HSL
• 2. Or enter R, G, B values to convert to HEX and HSL
• 3. See a live color preview as you type
• 4. Click Copy next to any format to grab the CSS value