변환기
HEX RGB 색상 변환기
HEX, RGB, HSL 색상 코드를 서로 변환하고 미리보기로 확인합니다.
Quick Context
색상 · HEX · RGB
색상을 선택하거나 아래에서 값을 직접 입력하세요
COLOR ANSWER
HEX RGB 변환 핵심 답변
HEX RGB 변환은 #RRGGBB 값을 빨강, 초록, 파랑의 0-255 값으로 바꾸는 작업입니다. 이 색상 코드 변환기는 HEX, RGB, HSL 값을 서로 바꾸고, 컬러 피커와 미리보기로 실제 색상을 바로 확인할 수 있습니다.
| 형식 | 예시 | 주로 쓰는 곳 |
|---|---|---|
| HEX | #FF5733 | CSS, 디자인 시스템, 브랜드 컬러 정리 |
| RGB | rgb(255, 87, 51) | CSS 색상 값, 이미지 색상 추출 결과 |
| HSL | hsl(11, 100%, 60%) | 색상, 채도, 명도를 기준으로 색을 조절할 때 |
컬러 코드 변환 활용 팁
CSS에 붙일 값은 복사 버튼으로 정리
HEX, RGB, HSL 결과를 각각 복사할 수 있으므로 CSS 변수나 스타일 속성에 바로 붙여 넣기 좋습니다.
색상 조절은 HSL로 확인
같은 계열에서 밝기나 채도를 바꿔야 한다면 HSL 값으로 확인하면 색상 조절 방향을 이해하기 쉽습니다.
자주 묻는 질문
RELATED
관련 도구
현재 작업과 이어서 쓰기 좋은 도구를 같은 흐름으로 묶었습니다.