Workspace

Browse tools, saved items, blocks, and UI generators from one shell.

Browse

Home Tools Categories

Create

Blocks AI Builder

Save tools here.

Developer Tools Encoding & Security Text Tools Design & Assets Calculators Germany & Regional AI Tools Media Tools

Tool Planet

Tools

Search Tools Blocks AI Builder

Tool Planet

Tools

Design & Assets

Color Converter

Convert between HEX, RGB, and HSL color formats.

Category

Design & Assets

Tags

colorhexrgbhsl

More Design & Assets

Next

Contrast Checker

Calculate WCAG contrast ratio between two colors.

Color Palette Generator

Generate a color palette with lighter and darker shades from one base color.

SVG to Base64

Convert SVG markup into Base64 and data URI output.

Input

Color Converter

colorhexrgbhsl

Color value

Output

Color formats

HEX: #DB5A2B
RGB: rgb(219, 90, 43)
HSL: hsl(16, 71%, 51%)

Color swatch

Live canvas

Related tools

Contrast Checker

Calculate WCAG contrast ratio between two colors.

Color Palette Generator

Generate a color palette with lighter and darker shades from one base color.

SVG to Base64

Convert SVG markup into Base64 and data URI output.

Aspect Ratio Calculator

Compute simplified aspect ratios and CSS aspect-ratio values.

Baseline Grid Generator

Generate baseline grid specs and CSS for vertical rhythm.

Box Shadow Generator

Generate CSS box-shadow values with custom offsets and blur.

Categories Blocks AI Builder About Privacy Terms Contact

© 2026 Tool Planet. All rights reserved.

Cookie preferences

We use cookies for essential site features and, with your permission, analytics and advertising.

Language