모든 도구색상 코드 변환기
유틸리티

색상 코드 변환기

HEX, RGB, HSL 색상값을 즉시 변환하세요.

HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 90%, 60%)

이 도구는 무엇인가요?

# 유무와 관계없이 3자리·6자리 HEX를 입력하거나 색상 선택기를 사용하세요. RGB와 HSL은 입력이 아닌 출력입니다. 미리보기와 복사값은 6자리로 정규화한 동일 색상을 사용합니다. 알파·투명도, 색상 이름, 색상 프로파일 변환은 지원하지 않으며 HSL은 정수로 반올림합니다.

예시

  • ff0000 → #ff0000 → rgb(255, 0, 0) → hsl(0, 100%, 50%)
  • #0f0 → #00ff00 → rgb(0, 255, 0)

색상 코드 변환기 사용 방법

1. HEX 값을 입력하거나 컬러 피커로 색상을 선택합니다. 2. HEX, RGB, HSL의 변환된 값을 즉시 확인합니다. 3. 프로젝트에 사용하려는 값 옆의 복사를 클릭합니다. 4. 새 색상으로 시작하려면 초기화를 클릭합니다.

참고 출처