새로운

HEX to RGB 변환기

HEX와 RGB 색상 값을 즉시 변환합니다. HSL 값도 표시하며 실시간 색상 미리보기를 제공합니다.

HEX
RGB
HSL
3자리(#F00) 및 6자리(#FF0000) HEX 코드를 지원합니다. RGB 값은 0에서 255 사이입니다.

How to Use This Tool

  1. 1

    Choose conversion direction

    Select 'HEX → RGB' to convert a hex color code to RGB values, or 'RGB → HEX' to go the other way.

  2. 2

    Enter your color value

    For hex mode, type a color code like #3B82F6 or 3B82F6 (3-digit shorthand also works). For RGB mode, enter red, green, and blue values (0–255).

  3. 3

    Preview and compare formats

    A color swatch preview appears along with the color expressed in HEX, RGB, and HSL formats simultaneously.

  4. 4

    Copy any format

    Click on any color value (HEX, RGB, or HSL) to copy it to your clipboard for use in CSS, design tools, or code.

Frequently Asked Questions

What is a HEX color code?
A HEX color code is a 6-digit hexadecimal number (e.g., #FF5733) representing red, green, and blue channels. Each pair of digits ranges from 00 to FF (0–255 in decimal). A 3-digit shorthand like #F00 expands to #FF0000.
What is the difference between RGB and HSL?
RGB defines color by red, green, and blue light intensity (0–255 each). HSL uses Hue (0–360°), Saturation (0–100%), and Lightness (0–100%), which is often more intuitive for adjusting colors.
Can I use this for CSS colors?
Yes. All output formats — hex (#3B82F6), rgb(59, 130, 246), and hsl(217, 91%, 60%) — are valid CSS color values that work in stylesheets and inline styles.
What happens with invalid input?
The tool validates your input in real time. Invalid hex characters or RGB values outside the 0–255 range will show no result until corrected.