브라우저에서 바로 쓰는 무료 온라인 도구

색상 변환기: HEX, RGB, HSV, Swift·Kotlin 코드

HEX 코드를 입력하거나 색을 고르면 웹·iOS·Android 에 바로 붙여넣을 값과 코드를 만듭니다.

Aa 예시 글자

브라우저 안에서만 동작합니다. 입력한 내용은 전송·저장되지 않습니다.

사용 방법

  1. HEX 코드(#RGB, #RRGGBB, 8자리)를 입력하거나 색을 고릅니다.
  2. 8자리 코드의 순서를 고릅니다: ARGB(iOS/Android) 또는 RGBA(CSS).
  3. 필요한 형식을 복사합니다.

색은 HEX 로 주고받지만 iOS·Android·CSS 는 형식이 저마다 다릅니다. 이 색상 변환기는 #RGB, #RRGGBB, 8자리 HEX 를 입력하거나 색 선택기로 고르면 HEX, rgb(), rgba(), HSV, CSS #RRGGBBAA, Swift UIColor, SwiftUI Color, Kotlin Color(0xAARRGGBB), Android <color> 리소스로 바꿔 줍니다.

3자리 코드는 각 자리를 두 번 써서 #ABC 를 #AABBCC 로 풉니다. 8자리는 알파 위치를 ARGB(Android·iOS 헬퍼 대부분)와 RGBA(CSS) 중에서 고릅니다. Swift 값은 채널값 ÷ 255 를 소수 셋째 자리까지 반올림합니다. 밝기는 YIQ 가중치 (R×299 + G×587 + B×114) ÷ 1000 으로 0~1 범위에서 구하고, 0.5 보다 크면 어두운 글자를 권합니다.

4자리 #RGBA 축약형은 지원하지 않습니다. 색 선택기는 RGB 만 정하므로 고르면 알파가 불투명으로 돌아갑니다. HSV 는 정수로 반올림하고, Display P3·sRGB 같은 색 공간 변환은 하지 않습니다. 16진수가 아닌 문자(# 포함)는 무시합니다. 변환은 브라우저 안에서만 이루어집니다.

자주 묻는 질문

#AARRGGBB 와 #RRGGBBAA 는 뭐가 다른가요?

Android 와 iOS 헬퍼 대부분은 알파를 앞에(AARRGGBB), CSS 는 뒤에(RRGGBBAA) 둡니다. 코드가 나온 곳에 맞춰 고르세요.

글자색은 어떻게 정하나요?

YIQ 공식 (R×299 + G×587 + B×114) ÷ 1000 으로 밝기를 구해 0.5 보다 밝으면 어두운 글자, 아니면 흰 글자를 권합니다.

3자리 HEX 도 되나요?

네. #ABC 는 #AABBCC 로 풀어 씁니다.

관련 도구

켈빈 → RGB (색온도 변환)색온도를 HEX·RGB 로