색상 변환기

색상 변환기란?

Color Converter는 개발자와 디자이너를 위한 무료 온라인 HEX·RGB·HSL 색상 변환기입니다. 어떤 표기법으로든 색상을 입력하면——HEX(#rrggbb 또는 #rgb 축약형), RGB(예: "255, 100, 0" 또는 "rgb(255 100 0)"), HSL(예: "220, 91%, 64%")——나머지 모든 형식이 큼직한 실시간 미리보기 스와치 옆에서 즉시 갱신됩니다. 네이티브 색상 선택기로 색조를 시각적으로 고를 수 있고, 각 값마다 원클릭 복사 버튼이 있어 브랜드 색상을 맞추거나 코드와 디자인 도구 사이에서 CSS 색상 값을 변환할 때 매우 편리합니다.

색상 변환기 사용법

1. HEX, RGB, HSL 입력란에 색상을 입력하거나 붙여넣고, 또는 색상 선택기 스와치를 클릭해 색조를 시각적으로 고릅니다.
2. 나머지 두 입력란과 큼직한 미리보기 스와치가 같은 색상을 반영해 즉시 갱신되는 것을 확인합니다.
3. 아래의 R / G / B, H / S / L, HEX 요약 타일에서 변환된 각 채널 값을 확인합니다.
4. 입력란 옆의 복사 버튼을 클릭해 값을 복사합니다. HEX는 #rrggbb 문자열을, RGB와 HSL은 바로 사용할 수 있는 rgb(...) 및 hsl(...) 문자열을 복사합니다.
5. 값이 거부되면 인라인 오류를 확인하고, 입력란 힌트에 표시된 형식에 맞춰 다시 입력하세요.

예시

#ff6400

RGB 255, 100, 0 / HSL 24, 100%, 50%

#fff

HEX #ffffff / RGB 255, 255, 255 / HSL 0, 0%, 100%

자주 묻는 질문

이 변환기는 어떤 색상 형식을 지원하나요?

세 가지 형식 간 변환을 지원합니다: HEX(전체 #rrggbb 및 #rgb 축약형), RGB(채널당 0-255), HSL(색상은 도 단위, 채도와 명도는 백분율). 현재 알파/불투명도, HSV, CMYK, CSS 색상 이름은 지원하지 않습니다.

왜 제 색상에 "Invalid HEX color", "Invalid RGB color", "Invalid HSL color" 오류가 표시되나요?

값이 예상 형식과 맞지 않거나 범위를 벗어났기 때문입니다. HEX는 16진수 3자리 또는 6자리여야 하고, RGB 채널은 0-255, HSL의 채도와 명도는 0-100%여야 합니다. 해당 입력란 아래의 힌트에 따라 다시 입력하세요.

rgb(255 100 0) 같은 전체 CSS 값을 붙여넣을 수 있나요?

네. RGB와 HSL 입력란은 텍스트에서 숫자만 추출하므로 "255, 100, 0"과 "rgb(255 100 0)" 모두 인식되며, 복사 버튼은 바로 사용할 수 있는 rgb(...) 및 hsl(...) 문자열을 출력합니다.

변환된 값은 반올림되나요?

네. RGB 채널과 HSL 값은 정수로 반올림되므로 왕복 변환 시 원래 값과 1단위 차이가 날 수 있습니다. HEX 출력은 항상 채널당 두 자리(#rrggbb)입니다.

제 색상 데이터가 어딘가로 업로드되나요?

아니요. 모든 변환은 JavaScript로 브라우저 안에서 로컬로 실행됩니다——서버로 전송되는 것이 없고 색상 값도 업로드되지 않으므로 비공개로 작동하며, 페이지를 한 번 로드한 후에는 오프라인에서도 사용할 수 있습니다.