HEX · RGB · HSL · HSV · CMYK
RGB–HEX 색상 변환기와 명암비 검사
HEX, RGB, HSL, HSV, CMYK를 변환하고 투명도와 WCAG 명암비를 확인한 뒤 바로 쓸 수 있는 CSS를 복사하세요.
HEX · RGB · HSL · HSV · CMYK · WCAG
RGB–HEX 색상 스튜디오와 명암비 검사
HEX, RGB, HSL, HSV, CMYK를 변환하고 투명도와 WCAG 명암비를 확인한 뒤 바로 쓸 수 있는 CSS를 복사하세요.
현재 색상
RGBA 채널
색상 모델
HSL
HSV
CMYK
색상 형식
실시간 UI 미리보기
버튼 미리보기
선택한 색상에서 텍스트의 가독성을 보여 줍니다.
버튼 미리보기
선택한 색상에서 텍스트의 가독성을 보여 줍니다.
접근성과 대비
선택한 색상에서 텍스트의 가독성을 보여 줍니다.
색상 조화
최근 색상
색상 정보
화면과 인쇄 색상은 다를 수 있으며 이 도구는 sRGB로 계산합니다.
RGB 값은 HEX로 어떻게 변환하나요?
0~255의 각 채널을 두 자리 16진수로 바꾸고 빨강, 초록, 파랑을 이어 #RRGGBB를 만듭니다.
알파 값은 무엇인가요?
알파는 완전 투명부터 완전 불투명까지의 정도를 조절합니다. 8자리 HEX에서는 마지막 두 자리에 저장됩니다.
접근성 확인
WCAG 결과를 글자로도 표시합니다. AA는 일반 텍스트 4.5:1, 큰 텍스트 3:1이 필요합니다.
공식
HEX = #RR GG BB [AA]q = ⌊x ÷ 16⌋ · r = x − 16q255 = 16 × 15 + 15 → FF명암비 = (Lₘₐₓ + 0.05) ÷ (Lₘᵢₙ + 0.05)RGB–HEX 변환기 FAQ
RGB 값은 HEX로 어떻게 변환하나요?
0~255의 각 채널을 두 자리 16진수로 바꾸고 빨강, 초록, 파랑을 이어 #RRGGBB를 만듭니다.
알파 값은 무엇인가요?
알파는 완전 투명부터 완전 불투명까지의 정도를 조절합니다. 8자리 HEX에서는 마지막 두 자리에 저장됩니다.
접근성 좋은 팔레트는 어떻게 만드나요?
글자와 배경의 대비를 확인하고 색상에만 의존하지 말며 상호작용 상태도 테스트하세요.
인쇄 색상이 화면과 다를 수 있는 이유는 무엇인가요?
화면은 RGB 빛을 내고 프린터는 잉크를 섞습니다. 용지, 색상 프로필, 보정 상태에 따라 결과가 달라집니다.
유닛 변환기 디렉터리
다른 유닛 변환기가 필요하신가요?
길이, 무게, 온도, 부피, 면적, 에너지, 압력, 속도, 힘, 토크, 전기 단위, 데이터 저장, 연료 소비, 의류 사이즈, 신발 사이즈 등 전체 단위 변환기 컬렉션을 둘러보세요.
반려동물, 디지털 반려동물 사이트 도구 디렉토리
다른 애완동물이나 디지털 도구가 필요하신가요?
개 연령, 고양이 연령, 개 사료, 고양이 사료, 반려동물 복용량 추정, 색상 팔레트, 데이터 저장 공간, 픽셀 밀도, RGB RGB 변환 등 반려동물, 디지털 및 사이트 도구 컬렉션을 둘러보세요.