색상 변환기 — 무료 온라인 도구
즉시 사용, 무료, 회원가입 불필요. 파일은 로컬에서 처리되며 업로드되지 않습니다.
By the AllFileBox Team · Last updated: 2026-06-11
#5B4FE8
rgb(91, 79, 232)
hsl(245, 77%, 61%)
Color Converter is a free online tool that converts a color between HEX, RGB, and HSL formats instantly, so you can copy the exact code you need for CSS, design, or print.
HEX, RGB, and HSL explained
HEX is the six-digit code used in CSS and design tools. RGB describes a color by its red, green, and blue channels. HSL uses hue, saturation, and lightness, which makes it easy to adjust a color by feel. Converting between them lets you work in whichever format a tool expects.
Convert in any direction
Enter a value in one format and the converter returns the matching codes in the others, with a live swatch so you can confirm the color. It handles HSL to HEX, HEX to HSL, RGB to HEX, and HEX to RGB without any rounding surprises.
사용 방법 색상 변환기
- Open Color Converter in your browser.
- Type or paste a color in HEX, RGB, or HSL.
- Read the converted values in the other formats.
- Check the live color swatch to confirm.
- Copy the code you need.
Match a brand color
Match a brand color
Paste a HEX code from a style guide and read off the RGB and HSL values for other tools.
Tune a shade in HSL
Adjust lightness in HSL, then convert to HEX for your stylesheet.
Fill a design token
Convert RGB to HEX to populate a design system color variable quickly.
| Format | Example | Common use |
|---|---|---|
| HEX | #0277BD | CSS, design tools |
| RGB | rgb(2,119,189) | Screens, canvas |
| HSL | hsl(201,98%,37%) | Adjusting shades |
관련 도구
주요 기능 색상 변환기
파일은 비공개로 유지됩니다
모든 처리는 브라우저에서 이루어집니다. 파일은 서버로 전송되지 않습니다.