HEX RGB 변환기 무료 온라인: HEX 색상을 RGB로 즉시 변환
14 회 사용HEX RGB 팁
HEX → RGB
#FF5733 = RGB(255,87,51). 각 16진수 쌍이 R, G, B 채널(00-FF = 0-255).
시각적 선택기
시각적으로 색상을 선택하면 모든 형식으로 자동 변환.
양방향
HEX→RGB 또는 RGB→HEX. HSL도 표시.
자주 묻는 질문
HEX를 RGB로 어떻게 변환?
각 HEX 쌍을 10진수로: #FF=255, #57=87, #33=51. #FF5733 = RGB(255,87,51).
HEX란?
6자리 16진수 코드(#RRGGBB). CSS와 웹 디자인에 사용.
RGB란?
빨강 초록 파랑 각 0-255 값. rgb(255,0,0) = 순수 빨강.
이 도구로 화면에서 직접 색상을 선택할 수 있나요?
네, 물론입니다. 저희 도구에는 화면에서 직접 색상을 선택할 수 있는 색상 선택기가 내장되어 있습니다. HEX 입력 필드 옆에 있는 스포이드 아이콘을 클릭하기만 하면 됩니다. 그런 다음 화면의 아무 색상 위로 마우스를 가져가 클릭하면 선택됩니다. HEX 및 RGB 값은 즉시 업데이트되며, 일반적으로 밀리초 단위로 디자인에 바로 사용할 수 있습니다.
변환한 색상이 화면과 인쇄물에서 다르게 보이는 이유는 무엇인가요?
HEX와 RGB는 화면용 색상 모델이며 인쇄용이 아닙니다. 모니터는 RGB 빛을 사용하지만 프린터는 CMYK 잉크를 사용합니다. #3B82F6 파란색은 화면에서 선명해 보이지만 종이에서는 탁하게 보입니다. 이 도구는 정확한 디지털 값을 표시하지만 인쇄 프로젝트에는 별도의 CMYK 변환이 필요합니다. 팁: 최종 출력 장치에서 항상 색상을 확인한 후 마무리하세요.
내장된 색상 피커가 모든 웹사이트나 앱에서 작동하나요?
스포이드 도구는 브라우저 안뿐 아니라 전체 화면에서 색상을 가져옵니다. 아이콘을 클릭한 후 Slack, Figma, PDF 등 화면의 아무 픽셀이나 가리키세요. 클릭하면 색상이 고정됩니다. 일부 운영체제는 먼저 화면 녹화 권한을 요구할 수 있습니다.
#FFF 같은 3자리 HEX 코드도 변환할 수 있나요?
네, 축약형 HEX 코드도 잘 작동합니다. 저희 변환기가 #FFF를 자동으로 #FFFFFF(흰색)로 확장합니다. #F06은 #FF0066이 됩니다. 전체 RGB, HSL, RGBA 값이 즉시 표시됩니다. 단, 축약형은 각 쌍의 숫자가 동일할 때만 가능합니다. #ABC는 #AABBCC가 됩니다.
마케팅 팀에서 브랜드 색상 관리를 위해 이 변환기를 사용할 수 있나요?
물론입니다. 마케팅 팀은 #E63946 빨간색이 웹 배너, 소셜 미디어 게시물, 이메일 템플릿에서 동일하게 보이도록 이 도구를 사용합니다. HEX 코드를 붙여넣으면 변환기가 Photoshop용 RGB, 오버레이 효과용 RGBA, 색상 이론 조정용 HSL 값을 즉시 제공합니다. 하나의 HEX 값을 모든 결과물에 동기화하면 히어로 섹션 그라데이션이 한 톤도 어긋나지 않습니다. 팁: 출력값을 브랜드 스타일 가이드에 저장해 누구도 눈대중으로 근사치를 사용하지 못하게 하세요.
HEX 색상이 WCAG 대비 요구 사항을 충족하는지 확인하는 방법은?
HEX 코드를 변환기에 붙여넣고 RGB 값을 가져오세요. 그런 다음 전경색과 배경색을 대비 검사기에 입력합니다. 14pt 미만의 일반 텍스트(굵게)는 흰색 또는 검은색 배경에 대해 4.5:1 비율을 목표로 하세요. 저희 도구는 대비를 직접 계산하지 않지만, 정확한 숫자를 제공해 과정을 빠르게 합니다. WCAG AA는 4.5:1, AAA는 7:1이 필요합니다. 팁: #CCCCCC 같은 밝은 회색은 흰색 배경에서 실패합니다.
변환 방법
- HEX(#FF5733) 또는 RGB 입력
- 자동 즉시 변환
- 시각적 선택기로 색상 선택
- 아무 형식 클릭으로 복사