HEX 색상 코드를 RGB로 변환하거나 그 반대로 변환
#FF5733과 같은 HEX 코드를 입력하면 RGB에 해당하는 rgb(255, 87, 51)가 즉시 표시됩니다. 또는 RGB 값을 입력하고 HEX 코드를 가져옵니다. 입력할 때 실시간 색상 견본이 업데이트되며 원클릭 버튼을 누르면 CSS, 디자인 도구 또는 문서에 필요한 형식으로 값이 복사됩니다.
이 도구를 무료로 사용하세요Browser tool
Hex to RGB converter
Convert 3, 4, 6, or 8-digit HEX colors to RGB and RGBA values instantly. Nothing is uploaded.
Alpha: 1
사용방법
색상 값을 입력하세요.
HEX 코드(# 기호 포함 또는 제외)를 입력하거나 RGB 값을 0~255 사이의 세 숫자로 입력하세요.
결과 보기
반대 형식 필드는 자동으로 업데이트됩니다. 미리보기 견본에 색상이 표시됩니다.
복사
값이나 CSS 스니펫 옆에 있는 복사 버튼을 클릭하세요. 토스트는 텍스트가 클립보드에 있음을 확인합니다.
특징
양방향 변환
RGB를 얻으려면 HEX 코드를 입력하고, HEX를 얻으려면 RGB 값을 입력하세요. 두 필드 모두 입력 시 실시간으로 업데이트되므로 변환 버튼을 클릭할 필요가 없습니다.
실시간 색상 견본
큰 미리보기 견본에 입력한 색상이 표시됩니다. 즉시 업데이트되므로 색상이 예상한 것과 일치하는지 시각적으로 확인할 수 있습니다.
CSS 출력 조각
HEX 및 RGB 형식의 색상, 배경색 및 테두리 색상 속성에 대해 즉시 붙여넣을 수 있는 CSS 코드를 가져옵니다. 한 번의 클릭으로 어떤 조각이라도 복사할 수 있습니다.
알파 채널 지원
투명도 작업을 하려면 8자리 HEX 코드 또는 RGBA 값을 입력하세요. 이 도구는 두 형식 간에 알파 채널을 정확하게 변환합니다.
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai Enhance명세서
| 입력 형식 | HEX(3, 6, 8자리), RGB, RGBA |
| 출력 형식 | 16진수, RGB, RGBA |
| 알파 지원 | 예(HEX8, RGBA) |
| CSS 스니펫 | 색상, 배경, 테두리 |
| 시사 | 실시간 견본 |
| 처리 | 클라이언트측(인스턴트) |
Related Magic Eraser Tools
일반적인 질문
3자리 HEX 코드와 6자리 HEX 코드의 차이점은 무엇입니까?
+
#F53과 같은 3자리 HEX 코드는 #FF5533의 약어입니다. 각 숫자는 두 배가 됩니다. 이 도구는 두 가지 양식을 모두 수용하며 명확성을 위해 항상 전체 6자리 코드를 출력합니다.
# 기호 없이 HEX 코드를 입력할 수 있나요?
+
예. 이 도구는 선행 해시가 있거나 없는 HEX 값을 인식합니다. 출력에 #이 자동으로 추가됩니다.
투명도가 있는 색상을 어떻게 변환합니까?
+
마지막 두 자리가 알파를 나타내는 8자리 HEX 코드(예: 불투명도 50%의 경우 #FF573380)를 사용하거나 RGBA 값 4개를 입력하세요. 이 도구는 두 형식 간에 알파 채널을 변환합니다.
사진에서 브랜드 색상을 사용하시나요?
AI Enhance는 브랜드 팔레트에 맞게 사진 색상을 조정할 수 있습니다. 여기에서 정확한 RGB 값을 얻은 다음 제품 사진을 향상할 때 참조로 사용하십시오.
무료로 사용해 보세요More free tools
Explore our other limited free edits after sign-in photo and image tools.
여러 색상 정지점을 사용하여 선형, 방사형 및 원뿔형 그래디언트를 디자인합니다. CSS 코드를 복사하거나 PNG 이미지로 다운로드하세요.
HEX, RGB, HSL, HSB, CMYK 및 CSS 명명된 형식 간에 색상을 변환합니다. 실시간 미리보기를 보고, 값을 복사하고, 컬러 카드를 내보냅니다.
업로드된 이미지에서 색상을 선택하고 HEX, RGB 및 HSL 코드를 즉시 가져옵니다. 웹 디자인, 브랜딩 및 일러스트레이션을 위해 사진으로 팔레트를 만듭니다.
사진을 업로드하고 HEX, RGB, HSL 코드를 사용하여 5~10가지 주요 색상을 추출하세요. 견본을 복사하고 ASE 또는 CSS 변수로 내보냅니다.
URL, 텍스트, WiFi 자격 증명 및 vCard에 대한 QR 코드를 생성합니다. 색상을 사용자 정의하고, 중앙 로고를 추가하고, PNG 또는 SVG로 다운로드하세요.
이미지와 비디오의 너비, 높이 또는 종횡비를 계산합니다. 두 개의 값을 입력하고 세 번째 값을 가져옵니다. 소셜 미디어, 영화, 인쇄물에 대한 사전 설정된 비율.