최근 사용한 도구가 없습니다
즐겨찾기한 도구가 없습니다

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도 표시.

자주 묻는 질문

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

변환 방법

관련 도구