색상 변환(HEX, RGB, HSL)
HEX, RGB, HSL, HSV 사이에서 색을 변환합니다. 한 줄에 한 색씩 붙여넣고 3자리 HEX, rgb(), hsl()도 지원하며, 색 견본을
HEX, RGB, HSL, HSV 사이에서 색을 양방향으로 변환합니다. 3자리 축약 HEX와 rgb(), hsl() 값을 포함해 한 줄에 한 색씩 붙여 넣으면 모든 표현을 한 번에 얻을 수 있고, 색 견본을 클릭해 HEX 코드를 복사할 수 있습니다.
디자인 도구는 HSL로 알려 주는데 물려받은 CSS는 HEX를 쓸 때, canvas나 Android 리소스 파일에 쓸 RGB 세 값이 필요할 때, 브랜드 팔레트를 확인하며 색조 간의 관계를 보고 싶을 때 유용합니다. 변환은 표준 CSS 공식을 따르며 alpha 값을 입력한 경우 그대로 유지됩니다.
HEX, RGB, HSL, HSV 사이에서 색상을 변환하는 방법
지원되는 형식으로 한 줄에 한 색씩 입력합니다
변환된 HEX, RGB, HSL, HSV 값을 확인합니다
색 견본을 클릭해 HEX 코드를 복사합니다
자주 묻는 질문
입력으로 어떤 형식을 받나요?
HEX(#1a2b3c 또는 #abc), rgb(26, 43, 60), rgba(...), hsl(210, 40%, 17%), hsla(...)를 한 줄에 하나씩이며 함수 이름의 대소문자는 관계없습니다.
여러 색을 한 번에 변환할 수 있나요?
네, 팔레트 전체를 한 줄에 한 색씩 붙여 넣으면 각 줄이 독립적으로 변환됩니다.
결과는 어떻게 복사하나요?
아무 색 견본이나 클릭하면 그 HEX 값이 클립보드에 복사되며, 텍스트 출력도 일반 텍스트처럼 선택해 복사할 수 있습니다.
결과가 CSS 색상 함수와 똑같나요?
네, 표준 sRGB 공식을 사용하며 HSL/HSV 값은 읽기 쉽도록 반올림합니다. 반올림으로 채널이 1만큼 달라질 수 있지만 실제로는 눈에 띄지 않습니다.
투명도도 처리하나요?
rgba()와 hsla() 입력의 alpha 값은 alpha가 있는 8자리 값으로 HEX 출력에 유지됩니다.
서버로 전송되는 것이 있나요?
아니요, 변환은 브라우저 안에서 수행되는 순수한 계산입니다.
한눈에 보기
| 입력 | 텍스트 |
|---|---|
| 여러 파일 | 아니요 |
| 실행 위치 | 브라우저에서 실행 - 파일은 업로드되지 않습니다 |
| 오프라인에서도 작동 | 예 — 페이지를 불러온 후 |
| 가격 | 무료, 가입 필요 없음, 워터마크 없음 |
변환이 조용히 깨지는 곳
변환 버그는 대부분 문법이 아니라 의미의 문제입니다. 우편번호 CSV 열은 스프레드시트가 숫자라고 추측하는 순간 앞의 0을 잃습니다. 긴 ID는 부동소수점 정밀도를 넘어섭니다. 날짜는 일이 먼저인지 월이 먼저인지에 따라 의미가 달라집니다. JSON 키에는 순서가 없지만 배열에는 있습니다. 키를 정렬하는 도구는 아무것도 바꾸지 않지만 배열을 정렬하는 도구는 데이터를 바꿉니다. Unicode도 함정입니다. 텍스트는 UTF-8이나 UTF-16으로, 또는 BOM과 함께 도착할 수 있고, 잘못 추측한 디코더는 강세 문자가 있는 글자를 깨진 문자로 만듭니다. 어떤 변환이든 믿기 전에 첫 행과 마지막 행, 앞에 0이 붙은 필드, 따옴표나 쉼표, 줄바꿈이 들어 있는 필드를 표본 검사하십시오.
데이터 형식 고르기
JSON은 API가 반환하거나 프로그램이 읽는 데이터의 기본 선택입니다. 중첩 구조, 숫자, 불리언, null을 자연스럽게 다루고 모든 언어가 파싱합니다. CSV는 더 작고 스프레드시트에서 바로 열리지만, 중첩을 표현할 방법이 없고 구분자, 인용, 문자 집합에 관한 공통 표준도 없습니다. 변환이 어긋나는 지점이 바로 여기입니다. XML은 장황하지만 속성, 혼합 콘텐츠, 스키마를 담을 수 있어 문서 형식과 기존 연동에서 여전히 주류입니다. YAML은 설정 파일에 가장 읽기 좋지만 공백에 민감하고 형 변환이 뜻밖의 결과를 냅니다("no"가 false가 되거나 1.10 같은 버전이 1.1이 됩니다). 보기 좋은 형식이 아니라 그것을 사용하는 도구가 선호하는 형식을 고르십시오.