Developer Tools
Color Converter
Convert colors between HEX, RGB, and HSL formats instantly. Enter any color value and get all three formats.
Enter Color
Result
Color values will appear here.
How to Use
- Enter a color in any common format — HEX (
#1e90ff), RGB (rgb(30,144,255)), or HSL (hsl(210,100%,56%)). - The format is auto-detected and converted to all three formats at once.
- A live swatch shows the resulting color, and each value can be copied individually.
Understanding Color Formats
HEX encodes red, green, and blue as two hexadecimal digits each (00-FF). RGB expresses the same channels as decimal numbers 0-255. HSL (Hue, Saturation, Lightness) describes color more intuitively — hue as a position on the color wheel (0-360°), saturation and lightness as percentages — which makes it easier to create lighter/darker or more/less vivid variants of a base color.
Common Uses
- Converting a designer's HEX value into the RGB/HSL needed for CSS variables.
- Generating color variants by adjusting HSL lightness while keeping hue constant.
- Quickly previewing how a color code actually looks.
Related Tools
CSS Unit Converter
Convert between CSS units: px, rem, em, pt, vw, vh. Set custom base font size and viewport width.
JSON Path Tester
Test JSONPath expressions against JSON data. Supports dot notation, array indexing, and wildcard selectors.
User-Agent Parser
Parse any User-Agent string to identify browser, OS, device type, and rendering engine. Auto-detects your current browser.