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.

Chmod Calculator

Calculate Unix file permissions visually. Click checkboxes to set read/write/execute for owner, group, and others. Shows octal and symbolic notation.

CSS Specificity Calculator

Calculate CSS selector specificity and understand which styles take precedence. Supports ID, class, attribute, pseudo-class, element, and pseudo-element selectors.

CSS Unit Converter

Convert between CSS units: px, rem, em, pt, vw, vh. Set custom base font size and viewport width.