Color Converter

工具介绍

Convert colors between HEX, RGB, and HSL. Includes a color picker, live swatch preview, white/black contrast ratio, and a quick lightness-based palette.

工具概览

HEX is compact, RGB is intuitive for mixing, and HSL is best for describing tints, shades, and hue shifts. This converter keeps all three in sync as you edit any one. The palette row shows five lightness-shifted variants of your base color, handy for picking hover, focus, or background tints. All computation is pure client-side — nothing is uploaded.

使用场景

• Use Color Converter when you need fast convert hex, rgb, and hsl color formats instantly with a visual picker, palette suggestions, and copyable outputs.
• Handle design workflows directly in the browser with no install required.
• Support SEO long-tail intent by covering quick checks, troubleshooting, and one-off conversions.

输入/输出示例

#3b82f6

rgb(59, 130, 246) · hsl(217, 91%, 60%)

#fff

#ffffff · rgb(255, 255, 255) · hsl(0, 0%, 100%)

常见问题