Dev Tools
색상 코드 변환기 (HEX, RGB, HSL) 무료
HEX, RGB, HSL 색상 코드를 브라우저에서 즉시 변환하세요. 무료이며 가입이 필요 없습니다.
파일은 저장되지 않아요즉시 처리가입 필요 없음
색상 코드를 온라인으로 변환하는 방법
- 1
색상 입력 또는 선택
색상 견본을 클릭해 시각적 색상 선택기를 사용하거나, 해당 입력란에 HEX(예: #2E75B6), RGB(예: 46, 117, 182) 또는 HSL(예: 211, 60%, 45%) 값을 입력하세요.
- 2
세 가지 형식을 바로 확인
입력하거나 색상을 고르는 즉시 HEX, RGB, HSL 입력란이 업데이트됩니다.
- 3
값 복사
원하는 입력란 옆의 복사 버튼을 누르면 해당 색상 값이 클립보드에 복사됩니다.
웹 색상은 상황에 따라 여러 형식으로 표현할 수 있습니다. CSS는 HEX, RGB, RGBA, HSL, HSLA 표기를 지원하며, Figma나 Sketch 같은 디자인 도구는 색상 선택기에 주로 HSL을 쓰고 전달용으로는 HEX를 내보냅니다.
HEX는 가장 간결한 형식으로 CSS, HTML, 디자인 소프트웨어에서 널리 지원됩니다. 3자리 축약형(#abc)은 6자리(#aabbcc)로 확장됩니다. RGB(빨강, 초록, 파랑)는 각 채널을 0~255로 지정하며 디스플레이가 빛을 내는 방식에 대응합니다.
HSL(색조, 채도, 명도)은 사람에게 가장 직관적인 형식입니다. 색조는 색상환의 각도(0° = 빨강, 120° = 초록, 240° = 파랑), 채도는 색의 선명함(0% = 회색), 명도는 밝기(0% = 검정, 100% = 흰색)를 나타냅니다. 색조와 채도를 고정하고 명도만 바꾸면 자연스러운 음영 팔레트를 만들 수 있습니다.