RGB를 HEX로 변환 — CSS 색 | 사용법·입력·결과 해설
빨강·초록·파랑의 0부터 255까지 값을 여섯 자리 HEX 색으로 조립합니다. RGB를 숫자로 주는 디자인 도구에서 CSS 코드로 옮길 때 각 채널을 따로 확인할 수 있습니다.
- 브라우저에서 실행
- 업로드되지 않음
- 가입 없음, 기기 성능에 따라 제한될 수 있음
숫자는 기기에만 남습니다. 서버로 전송되지 않습니다.
사용 방법과 입력
R·G·B를 순서대로 입력하고 범위를 확인하세요. 입력된 소수 채널은 정수로 반올림하므로 원자료가 0부터 1의 비율이라면 먼저 255 기준으로 바꾸어야 합니다.
결과 해설과 예제
45, 212, 191을 넣으면 #2dd4bf가 됩니다. 채널 순서를 바꾸면 다른 색이 되므로 결과의 RGB 행을 원래 숫자와 다시 비교하세요.
입력·결과 예시
45, 212, 191을 넣으면 #2dd4bf가 됩니다. 채널 순서를 바꾸면 다른 색이 되므로 결과의 RGB 행을 원래 숫자와 다시 비교하세요.
한계와 주의사항
- 투명도나 CMYK·광색역 프로필을 입력받지 않습니다.
- sRGB 채널 표기를 바꾸는 기능이며 색을 측정하거나 보정하지 않습니다.
입력 항목
| 항목 | 설명·제약 |
|---|---|
| 빨강 | 허용 범위: 0–255 · 입력 간격: 1 |
| 초록 | 허용 범위: 0–255 · 입력 간격: 1 |
| 파랑 | 허용 범위: 0–255 · 입력 간격: 1 |
데이터 처리
처리는 현재 브라우저 탭에서 수행되며, 도구 입력을 계산 목적으로 서버에 업로드하지 않습니다.
근거 출처
자주 묻는 질문
45,212,191의 HEX는 무엇인가요?
45, 212, 191을 넣으면 #2dd4bf가 됩니다. 채널 순서를 바꾸면 다른 색이 되므로 결과의 RGB 행을 원래 숫자와 다시 비교하세요.
0부터 1까지의 RGB도 바로 넣나요?
투명도나 CMYK·광색역 프로필을 입력받지 않습니다. sRGB 채널 표기를 바꾸는 기능이며 색을 측정하거나 보정하지 않습니다.
관련 도구
처음부터 다시 할 필요는 없습니다. 다음 단계에 맞는 도구로 자연스럽게 이어가세요.
HEX를 RGB로 변환 — #RRGGBB·rgb() | 사용법·입력·결과 해설
CSS의 세 자리 또는 여섯 자리 HEX 색을 빨강·초록·파랑 수치로 풉니다. 색 코드의 각 쌍이 0부터 255까지의 채널 값이라는 관계를 확인할 수 있습니다.
색상 명암비 검사기 — WCAG 2
전경색과 배경색의 sRGB 상대 휘도로 명암비를 구하고 본문·큰 글씨 기준을 비교합니다. 색 조합을 설계하는 단계에서 숫자 기준을 빠르게 확인하는 용도입니다.
CSS box-shadow 선언 생성기 — 무료
가로·세로 이동, 흐림, 확산과 색을 조합해 box-shadow 선언 하나를 만듭니다. 카드나 버튼의 그림자를 직접 입력해 CSS 파일에 옮기려는 작업에 적합합니다.
