HEX를 RGB로 변환 — #RRGGBB·rgb() | 사용법·입력·결과 해설
CSS의 세 자리 또는 여섯 자리 HEX 색을 빨강·초록·파랑 수치로 풉니다. 색 코드의 각 쌍이 0부터 255까지의 채널 값이라는 관계를 확인할 수 있습니다.
- 브라우저에서 실행
- 업로드되지 않음
- 가입 없음, 기기 성능에 따라 제한될 수 있음
숫자는 기기에만 남습니다. 서버로 전송되지 않습니다.
사용 방법과 입력
# 기호가 있는 HEX 값을 넣고 실행하세요. 투명도가 있는 코드는 별도의 알파 채널을 필요로 하므로 이 RGB 변환의 세 채널 입력과 구분해야 합니다.
결과 해설과 예제
#2dd4bf는 RGB 45, 212, 191입니다. 세 자리 #abc는 각 자리를 반복한 #aabbcc로 해석되며 출력한 CSS 표현과 원본 색을 비교할 수 있습니다.
입력·결과 예시
#2dd4bf는 RGB 45, 212, 191입니다. 세 자리 #abc는 각 자리를 반복한 #aabbcc로 해석되며 출력한 CSS 표현과 원본 색을 비교할 수 있습니다.
한계와 주의사항
- 8자리 알파와 색상 프로필 변환을 지원하지 않습니다.
- 화면 견본은 프린터의 실제 색을 예측하지 않습니다.
입력 항목
| 항목 | 설명·제약 |
|---|---|
| 헥스 색 | 화면의 단위와 입력 형식을 확인하세요. |
데이터 처리
처리는 현재 브라우저 탭에서 수행되며, 도구 입력을 계산 목적으로 서버에 업로드하지 않습니다.
근거 출처
자주 묻는 질문
#2dd4bf의 RGB 값은 무엇인가요?
#2dd4bf는 RGB 45, 212, 191입니다. 세 자리 #abc는 각 자리를 반복한 #aabbcc로 해석되며 출력한 CSS 표현과 원본 색을 비교할 수 있습니다.
투명한 HEX도 처리하나요?
8자리 알파와 색상 프로필 변환을 지원하지 않습니다. 화면 견본은 프린터의 실제 색을 예측하지 않습니다.
관련 도구
처음부터 다시 할 필요는 없습니다. 다음 단계에 맞는 도구로 자연스럽게 이어가세요.
RGB를 HEX로 변환 — CSS 색 | 사용법·입력·결과 해설
빨강·초록·파랑의 0부터 255까지 값을 여섯 자리 HEX 색으로 조립합니다. RGB를 숫자로 주는 디자인 도구에서 CSS 코드로 옮길 때 각 채널을 따로 확인할 수 있습니다.
색상 명암비 검사기 — WCAG 2
전경색과 배경색의 sRGB 상대 휘도로 명암비를 구하고 본문·큰 글씨 기준을 비교합니다. 색 조합을 설계하는 단계에서 숫자 기준을 빠르게 확인하는 용도입니다.
CSS 그라데이션 — 코드 복사, 무료 | 사용법·입력·결과 해설
두 색 사이의 선형 또는 원형 그라데이션을 CSS background 선언으로 만듭니다. 색상 정지점을 복잡하게 편집하기 전에 두 색 조합과 방향을 시험할 수 있습니다.
