RGBA를 HEX로 변환

rgba()와 8자리 HEX는 같은 반투명 색을 쓰는 두 가지 방법입니다. 이 변환기는 rgba(255, 99, 71, 0.5)를 CSS용 #FF634780으로, 안드로이드·.NET·Flutter용(알파가 앞) #80FF6347로, 그리고 배경 위에서 보이는 단색으로 바꿔 줍니다. CSS 규칙 전체나 목록을 붙여 넣으면 그 안의 rgb(), rgba(), hsl(), hsla()가 모두 고른 형식으로 다시 쓰이고, 찾은 색마다 표가 나옵니다. 반대 방향에서는 4자리·8자리 HEX 코드를 어느 순서든 읽어서 rgba()와 최신 rgb(r g b / a%) 문법으로 알려 줍니다.

사용 방법

1. RGBA → HEX 또는 HEX → RGBA를 고릅니다.
2. 색 하나, 목록, 또는 rgba()나 hsla() 값이 든 CSS를 붙여 넣습니다.
3. 출력을 고릅니다: 8자리 HEX, 배경 위의 단색 HEX, 안드로이드 순서.
4. 변환된 CSS나 개별 코드를 복사합니다. 체크무늬 미리보기에는 첫 번째 색이 나옵니다.

계산식

알파 바이트 = round(a × 255) → 16진수 2자리 · #RRGGBBAA(CSS) 또는 #AARRGGBB(안드로이드) · 단색 = 색 × a + 배경 × (1 − a)

a는 rgba()의 알파로 0에서 1 사이입니다. RGB 각 채널은 16진수 두 자리가 됩니다(0–255 → 00–FF). 알파는 256단계뿐이므로 0.5는 128/255 = 0.502로 저장되며, 단색은 그 저장된 값을 씁니다.

예시

rgba(255, 99, 71, 0.5): 255 → FF, 99 → 63, 71 → 47, 0.5 × 255 = 127.5 → 128 → 80이므로 CSS 코드는 #FF634780, 안드로이드 코드는 #80FF6347입니다. 흰색 위에서는 단색 #FFB1A3처럼 보입니다. background: rgba(255, 99, 71, 0.5); border-color: rgb(0 0 0 / 25%);를 붙여 넣으면 #FF634780과 #00000040이 나오고, 흰색 위의 단색으로는 #FFB1A3과 #BFBFBF가 나옵니다.