색상 변환기
HEX, RGB, HSL 색상 코드를 상호 변환합니다. 컬러피커와 CSS 코드 출력 지원.
HEX
RGB
rgb(52, 152, 219)HSL
hsl(204, 70%, 53%)CSS 코드
#3498dbrgb(52, 152, 219)hsl(204, 70%, 53%)사용 방법
- 1색상 입력 — HEX, RGB, HSL 중 아는 형식의 색상 코드를 입력하거나 컬러 피커로 색상을 선택합니다.
- 2변환 결과 확인 — 입력한 색상의 HEX, RGB, HSL 값이 모두 자동으로 표시됩니다.
- 3미리보기 확인 — 해당 색상의 미리보기를 통해 원하는 색상이 맞는지 확인합니다.
- 4코드 복사 — 필요한 형식의 색상 코드를 복사하여 CSS나 디자인 도구에 사용합니다.
사용 팁
- ✓HEX, RGB, HSL 중 아무 값이나 입력하면 나머지가 자동 변환됩니다.
- ✓컬러피커로 직관적으로 색상을 선택할 수 있습니다.
- ✓CSS 코드를 복사하여 바로 사용할 수 있습니다.
자주 묻는 질문
HEX, RGB, HSL의 차이는 무엇인가요?
HEX는 16진수로 색상을 표현하며(예: #FF5733), RGB는 빨강/초록/파랑 값을 0~255로 표현합니다. HSL은 색상/채도/명도로 표현하여 직관적인 색상 조절이 가능합니다.
CSS에서 사용할 수 있는 색상 코드를 알려주나요?
네, HEX, RGB, HSL 형식 모두 CSS에서 바로 사용할 수 있는 코드로 변환해 줍니다.
색상 미리보기가 가능한가요?
네, 입력한 색상 코드에 해당하는 색상을 실시간으로 미리보기할 수 있습니다.
색상 코드를 모르는데 사용할 수 있나요?
컬러 피커를 사용하여 시각적으로 색상을 선택하면 자동으로 HEX, RGB, HSL 코드가 생성됩니다.