색상 변환
HEX, RGB, HSL 사이에서 색상을 변환합니다. 브라우저에서 즉시 처리하며 업로드가 전혀 없습니다.
기기에서 로컬로 처리 중 ...
0%
파일이 기기를 떠난 적이 없습니다
제 파일이 업로드되나요?
아니요. 모든 처리가 브라우저에서 이루어지며, 파일이 기기를 떠나지 않습니다. 이것을 검증하는 방법
같은 색상도 도구에 따라 다르게 표기됩니다. 디자인에서는 #ff8800 같은 HEX 코드를, 웹 코드에서는 rgb(255, 136, 0) 같은 RGB 값을, 색상, 채도, 명도를 직관적으로 조정할 때는 HSL을 씁니다. 이 도구는 세 표기 중 하나로 색상을 받아 즉시 세 가지 모두로 출력하므로, 다시 계산하지 않고 어디서나 사용할 수 있습니다.
HEX 코드 (세 자리 또는 여섯 자리, 샵 유무 무관), rgb(...) 또는 hsl(...) 값을 입력할 수 있으며 형식은 자동으로 판별됩니다. 변환은 색 공간 사이의 일반적인 공식을 따르고 출력 값을 적절히 반올림합니다. 이렇게 입력한 바로 그 색상에 대해 일관된 HEX, RGB, HSL 한 묶음을 얻습니다.
전체 변환은 순수 JavaScript로 브라우저 안에서 완전히 처리됩니다. 입력은 업로드되거나 저장되지 않고, 외부 라이브러리를 CDN에서 불러오지도 않습니다. 인식 가능한 색상이 아니면 잘못된 값을 내지 않고 정직하게 알려 줍니다.
기술 사양
| 입력 형식 | 텍스트 입력 |
|---|---|
| 출력 형식 | TXT |
| 일괄 처리 | 미지원 |
| 처리 방식 | 브라우저에서 로컬 처리 (JavaScript) |
| 파일 업로드 | 없음 |
3단계로
- 색상을 텍스트 칸에 붙여넣습니다 (HEX, RGB 또는 HSL).
- 변환 버튼을 누릅니다.
- 색상을 HEX, RGB, HSL로 확인합니다.
제한: 이 도구는 HEX, RGB, HSL 사이에서 변환합니다 (불투명 색상, 알파 채널 없음). HSL 값은 정수로 반올림하므로 역변환이 미세하게 어긋날 수 있습니다. CMYK나 이름이 붙은 색상 같은 다른 모델은 지원하지 않습니다. 입력이 유효한 색상이 아니면 정직하게 오류를 알려 줍니다.
자주 묻는 질문
입력한 내용이 업로드되나요?
아니요. 변환은 모두 브라우저 안에서 처리됩니다. 입력한 내용은 기기를 떠나지 않으며 저장되지 않습니다.
어떤 형식을 입력할 수 있나요?
HEX (세 자리 또는 여섯 자리, 샵 유무 무관), rgb(...), hsl(...)입니다. 도구가 형식을 자동으로 판별하고 세 가지 모두 출력합니다.
RGB와 HSL의 차이는 무엇인가요?
RGB는 빨강, 초록, 파랑을 섞습니다. HSL은 같은 색을 색상, 채도, 명도로 나타내며, 색을 일부러 밝게 하거나 진하게 할 때 더 직관적인 경우가 많습니다.
알파 채널 (투명도)을 지원하나요?
아니요, 이 도구는 불투명 색상을 다룹니다. 투명도가 필요하면 알파 값을 따로 관리해야 하며, 변환에서는 고려되지 않습니다.