색상 변환기

무료 온라인 도구는 색상 형식을 즉시 변환합니다. 무료 온라인 색상 변환기는 hex, rgb, hsl, hsv, cmyk 및 명명된 색상을 지원합니다. 색상 미리보기 및 접근성 정보를 받으세요. 가입이 없습니다.

색상 변환기이란?

보다 효율적으로 작업할 수 있도록 설계된 강력한 개발자 도구입니다. 색상 변환기는 깨끗하고 직관적인 인터페이스를 통해 즉시 정확한 결과를 제공합니다. 개발자, 엔지니어, IT 전문가에게 적합합니다.

공식

HEX → RGB: split #RRGGBB into decimal 값s

RGB → HSL: normalize RGB → find hue/saturation/lightness

HSL → RGB: 변환 via chroma 공식s

HEX: #RRGGBB (0-255 each)

RGB: rgb(R, G, B) (0-255)

HSL: hsl(H°, S%, L%) (H: 0-360, S/L: 0-100)

계산 방법

위 필드에 입력 내용을 입력하세요.
출력을 사용자 정의하려면 사용 가능한 옵션을 구성하십시오.
실시간 업데이트를 통해 즉시 결과를 확인하세요.
프로젝트에 사용하기 위해 결과를 복사하거나 내보냅니다.

예시

입력: #FF5733 (HEX) → RGB: rgb(255, 87, 51) → HSL: hsl(11, 100%, 60%). 입력: hsl(200, 50%, 50%) → RGB: rgb(64, 149, 191) → HEX: #4095BF.

주요 이점

Get accurate results instantly in your browser.
입력하는 동안 실시간 계산으로 시간을 절약하세요.
No data leaves your device - complete privacy.
어떤 기기에서나 무료로 사용할 수 있으며 가입도 필요하지 않습니다.

피해야 할 일반적인 실수

HEX 색상의 # 접두사를 잊음
Using RGB 값s above 255 or below 0
HSL 색조 범위(0-360)와 RGB(0-255)를 혼동

전문가 팁

Use HSL for intuitive 색상 adjustments
사용 HEX for CSS compatibility
사용하기 전에 미리보기를 통해 색상을 확인해 보세요.
Keep a reference of 일반적인 색상 conversions

주요 용어 설명

HEX: 16진수 RGB 표현
RGB: Red Green Blue 색상 모델
HSL: 색조 채도 명도 모델
색상 space: Mathematical 모델 for 색상s

일반적인 사용 사례

변환ing CSS 색상 값s
Creating 색상 schemes from base 색상s
일치ing design system 색상s
HSL을 통한 색상 관계 이해

자주 묻는 질문

이란 HEX, RGB, HSL의 차이점은 무엇입니까?

HEX는 6자리 16진수 표현입니다(#FF0000). RGB는 색상을 빨간색/녹색/파란색 값(rgb(255, 0, 0))으로 정의합니다. HSL은 색상, 채도, 밝기(hsl(0, 100%, 50%))를 사용합니다.

Which 색상 형식 should I use?

HEX는 간단한 색상을 위한 웹 개발에서 가장 일반적입니다. RGB는 색상 채널을 미세하게 제어할 수 있습니다. HSL은 인간에게 가장 직관적입니다. 다양한 색상에 대한 색조, 강도에 대한 채도, 밝기에 대한 밝기를 조정합니다.

이란 the HSL advantage?

HSL is more human-readable. H를 변경하면서 S와 L을 일정하게 유지하여 색상 구성표를 만들 수 있습니다. 예시의 경우 hsl(0, 50%, 50%) = 빨간색, hsl(120, 50%, 50%) = 녹색, hsl(240, 50%, 50%) = 파란색.

색상 변환기