콘텐츠로 건너뛰기
ToolsMinify logo
변환 도구
인기

HEX to RGB Converter

HEX color code를 RGB로(RGB→HEX 역변환) 변환하며 live swatch, format kit(HSL+CMYK), 클릭 가능 tint→shade ramp, 흑백 WCAG contrast preview, 붙여 넣기용 CSS token snippet을 제공합니다.

HEX to RGB Converter 정보

HEX color code를 RGB로(RGB→HEX 역변환) 변환하며 live swatch, format kit(HSL+CMYK), 클릭 가능 tint→shade ramp, 흑백 WCAG contrast preview, 붙여 넣기용 CSS token snippet을 제공합니다. #rgb, #rrggbb, #rrggbbaa 붙여 넣기, native color picker, R/G/B 채널 입력. 브라우저에서만 - 가입·업로드 없음.

HEX to RGB Converter 사용 방법

  1. HEX color 붙여 넣기, color picker 사용, 또는 preset swatch 클릭.
  2. rgb()/rgba() CSS 복사 또는 R/G/B(0-255) 입력으로 HEX 생성.
  3. format kit에서 HSL·CMYK, tint→shade ramp으로 밝기·어둡기 탐색.
  4. WCAG contrast 카드 확인 후 CSS token snippet을 테마에 복사.

HEX to RGB Converter 예시

#FFFFFF to RGB

White: rgb(255, 255, 255).

#3b82f6 to RGB

Tailwind blue-500: rgb(59, 130, 246) 및 format kit의 HSL/CMYK.

Short #0f0

#00ff00으로 확장 → rgb(0, 255, 0).

Contrast + tokens

흰 배경의 Blue #3b82f6는 normal AA 실패; token snippet은 --brand-rgb를 modern CSS용으로 export.

관련 가이드

전체 가이드 읽기

HEX to RGB Converter 사용 방법: 완벽 가이드 (2026) - 5 분 읽기

HEX to RGB Converter에 대한 자주 묻는 질문

HEX를 RGB로 어떻게 변환하나요?
HEX 두 자리씩이 00(0)~FF(255) base-16 채널입니다. 예: #1A2B3C → R=26, G=43, B=60 → rgb(26, 43, 60). 입력과 동시에 변환됩니다.
어떤 HEX 형식을 지원하나요?
짧은 #rgb(#fff), 전체 #rrggbb(#3b82f6), alpha #rrggbbaa. 앞 # 선택, 대소문자 무관. native picker도 가능.
RGB를 HEX로 변환할 수 있나요?
예 - R,G,B 0-255 입력 시 소문자 #rrggbb 출력. 범위 밖은 clamp.
HSL과 CMYK도 보이나요?
예. format kit에 HEX, RGB, HSL, CMYK와 one-click CSS copy. CMYK는 화면 근사치 - color-critical 인쇄는 반드시 proof.
tint → shade ramp란?
색을 흰(tint)·검(black shade)으로 mix합니다. 단계 클릭으로 HEX 로드 또는 ramp 전체 복사.
contrast 카드 의미는?
흰·검 배경에서 텍스트로 쓸 때 WCAG contrast ratio와 normal/large text AA/AAA pass/fail. UI 색 출시 전 확인용.
rgb()와 rgba() 차이는?
rgb()는 R,G,B만. rgba()는 alpha(0 투명~1 불투명). 8자리 HEX 붙여 넣으면 rgba() 출력.

관련 도구

RGB to HSL Converter

RGB↔HSL 즉시 변환. live swatch와 copy-ready rgb(), hsl() CSS.

색상 팔레트 생성기

브라우저에서 무료 색상 팔레트 생성기. complementary, analogous, triadic, tetradic, split-complementary, monochromatic, random 팔레트. HEX, RGB, HSL, CSS 변수 복사.

PX to REM 변환기

설정 가능한 기본 글꼴 크기로 px를 rem·em으로 온라인 변환. 빠른 참조 표가 있는 무료 px to rem 변환기. 브라우저에서 실행.

CSS Gradient 생성기

실시간 미리보기로 CSS linear, radial, conic gradient 제작. color stop 선택, background CSS 복사, 스타일시트에 붙여 넣기. 브라우저에서 실행.