HEX 색상
#2563EB
- RGB
- 37, 99, 235
- HSL
- 221°, 83%, 53%
- 대비(흰색)
- 5.17 : 1
- 대비(검정)
- 3.43 : 1
- 보색
- #EBAD25
계산 방법과 기준
HEX 색상을 입력하면 RGB/HSL, 대비, 보색 팔레트를 함께 분석합니다.
계산식과 처리 기준
- HEX -> RGB -> HSL 변환
- WCAG 대비비 = (밝은 색 상대휘도 + 0.05) / (어두운 색 상대휘도 + 0.05)
계산 예시
#2563EB 파란색의 RGB·HSL 값은?
- HEX 색상
- “#2563EB”
결과#2563EB
입력한 색상의 RGB/HSL 분석과 추천 조합입니다.
#F59E0B 주황색은?
- HEX 색상
- “#F59E0B”
결과#F59E0B
입력한 색상의 RGB/HSL 분석과 추천 조합입니다.
색을 고르면 어떤 값이 나오나요?
선택한 색의 HEX·RGB·HSL 값을 함께 보여줘 코드에 바로 쓸 수 있습니다.
계산 결과는 입력값과 공개된 기준을 바탕으로 한 참고용 추정치이며, 세무·법률·의료 판단을 대신하지 않습니다. 기준은 2026.09.27 검토 시점입니다. 면책 고지
계산 뒤에 있는 원리