HEX RGB 변환기 무료 온라인: HEX 색상을 RGB로 즉시 변환

A 6자리 16진수 코드(#RRGGBB). CSS와 웹 디자인에 사용.

A 빨강 초록 파랑 각 0-255 값. rgb(255,0,0) = 순수 빨강.

A 네, 물론입니다. 저희 도구에는 화면에서 직접 색상을 선택할 수 있는 색상 선택기가 내장되어 있습니다. HEX 입력 필드 옆에 있는 스포이드 아이콘을 클릭하기만 하면 됩니다. 그런 다음 화면의 아무 색상 위로 마우스를 가져가 클릭하면 선택됩니다. HEX 및 RGB 값은 즉시 업데이트되며, 일반적으로 밀리초 단위로 디자인에 바로 사용할 수 있습니다.

A HEX와 RGB는 화면용 색상 모델이며 인쇄용이 아닙니다. 모니터는 RGB 빛을 사용하지만 프린터는 CMYK 잉크를 사용합니다. #3B82F6 파란색은 화면에서 선명해 보이지만 종이에서는 탁하게 보입니다. 이 도구는 정확한 디지털 값을 표시하지만 인쇄 프로젝트에는 별도의 CMYK 변환이 필요합니다. 팁: 최종 출력 장치에서 항상 색상을 확인한 후 마무리하세요.

A 스포이드 도구는 브라우저 안뿐 아니라 전체 화면에서 색상을 가져옵니다. 아이콘을 클릭한 후 Slack, Figma, PDF 등 화면의 아무 픽셀이나 가리키세요. 클릭하면 색상이 고정됩니다. 일부 운영체제는 먼저 화면 녹화 권한을 요구할 수 있습니다.

A 네, 축약형 HEX 코드도 잘 작동합니다. 저희 변환기가 #FFF를 자동으로 #FFFFFF(흰색)로 확장합니다. #F06은 #FF0066이 됩니다. 전체 RGB, HSL, RGBA 값이 즉시 표시됩니다. 단, 축약형은 각 쌍의 숫자가 동일할 때만 가능합니다. #ABC는 #AABBCC가 됩니다.

A 물론입니다. 마케팅 팀은 #E63946 빨간색이 웹 배너, 소셜 미디어 게시물, 이메일 템플릿에서 동일하게 보이도록 이 도구를 사용합니다. HEX 코드를 붙여넣으면 변환기가 Photoshop용 RGB, 오버레이 효과용 RGBA, 색상 이론 조정용 HSL 값을 즉시 제공합니다. 하나의 HEX 값을 모든 결과물에 동기화하면 히어로 섹션 그라데이션이 한 톤도 어긋나지 않습니다. 팁: 출력값을 브랜드 스타일 가이드에 저장해 누구도 눈대중으로 근사치를 사용하지 못하게 하세요.

A HEX 코드를 변환기에 붙여넣고 RGB 값을 가져오세요. 그런 다음 전경색과 배경색을 대비 검사기에 입력합니다. 14pt 미만의 일반 텍스트(굵게)는 흰색 또는 검은색 배경에 대해 4.5:1 비율을 목표로 하세요. 저희 도구는 대비를 직접 계산하지 않지만, 정확한 숫자를 제공해 과정을 빠르게 합니다. WCAG AA는 4.5:1, AAA는 7:1이 필요합니다. 팁: #CCCCCC 같은 밝은 회색은 흰색 배경에서 실패합니다.

A 네, #000000은 정확히 rgb(0, 0, 0)으로 매핑됩니다 — 빨강, 초록, 파랑 빛이 전혀 없는 순수한 검은색입니다. 하지만 모니터는 백라이트 누설 때문에 진정한 검은색을 표시하지 못합니다. 가장 어두운 픽셀조차 rgb(10, 10, 10) 또는 그보다 밝게 보일 수 있습니다. OLED 디스플레이용 디자인이라면 #000000을 사용해 깊은 검은색을 구현하세요. 일반 LCD에서는 #1a1a1a 같은 짙은 회색이 순수 검은색보다 더 검게 보이는 경우가 많습니다.

A RGB는 빨강, 초록, 파랑 세 값만 줍니다. RGBA는 여기에 투명도(0~1)를 뜻하는 알파가 추가되죠. 히어로 이미지 위에 내비게이션 바를 겹칠 때 RGBA를 쓰면 배경이 비쳐 보입니다. 변환기에 #3498DB를 붙여넣으면 rgb(52, 152, 219)와 rgba(52, 152, 219, 1)가 같이 나옵니다. 끝의 1은 완전 불투명이라는 뜻. 하지만 단색에는 알파가 필요 없어요. 호버 상태나 모달 오버레이에만 아끼세요. 팁: 0.7과 0.5로 테스트해서 덜 거슬리는 쪽을 고르는 게 좋습니다.