투명도 계산

투명도 계산

투명도 계산기입니다. HEX에 alpha를 넣어 rgba() / HEX8 / hsla()를 구하고 배경에 올려 단색 HEX로 만듭니다.

사용 방법

1. 전경과 배경에 HEX, 칩, 무작위, 예시, 되는 브라우저에서는 화면에서 집습니다.
2. 투명도는 0–1, 0–255, %. 슬라이더는 0–100%. 프리셋은 10%, 25%, 50%, 75%, 90%.
3. 체크무늬는 rgba()만. 다른 막대는 배경 위. 큰 스와치가 단색입니다.
4. rgba(), hsla(), HEX8, 단색 HEX, CSS 변수를 복사. 예시는 흰 위 50% #3B82F6. 결과 복사는 rgba()입니다.
5. 일괄은 한 줄에 전경 배경 투명도. 예시 채우기는 세 줄.

주의 사항

#3B82F680이나 alpha가 있는 rgba()를 붙이면 슬라이더가 바뀝니다. 0은 배경, 1은 전경. 요소 opacity는 자식도 흐립니다. sRGB 합성입니다. 관련: HEX to RGBA, 틴트 / 셰이드.

어디에 쓰나요

• 오버레이, 유리 카드, 사진 위 40% 검정.
• Figma 반투명을 메일이 받을 단색으로.
• 흰 바탕과 어두운 슬레이트 위 50% 브랜드 색.

자주 묻는 질문