Hex 색상이란?
Hex 색상(16진수 색상 코드)은 웹 디자인과 디지털 그래픽에서 색상을 표현하는 6자리 코드입니다. Hex 색상의 원리와 사용법을 알아보세요.
Hex 색상 코드는 해시(#) 기호로 시작하는 6자리 16진수로, 빨강(R), 초록(G), 파랑(B)의 강도를 지정하여 색상을 표현합니다. 각 색상 채널은 두 자리 16진수로 표현되며 00(최솟값)부터 FF(최댓값) 범위를 갖습니다.
Hex 색상 코드 읽는 법
#FF5733 같은 Hex 색상은 세 쌍으로 나눕니다: • #FF — 빨강 채널 (10진수 255 = 최대 빨강) • #57 — 초록 채널 (10진수 87) • #33 — 파랑 채널 (10진수 51) 이는 주황빛 빨강색입니다. #FFFFFF는 순수 흰색(모든 채널 최대), #000000은 순수 검정(모든 채널 0)입니다.
16진수 체계
16진수는 0~9와 A~F 총 16가지 기호를 사용합니다: • 0 = 0 • 9 = 9 • A = 10 • F = 15 • FF = 255 즉, 각 채널은 0~255의 256가지 값을 가질 수 있으며, Hex 색상은 총 256³ = 16,777,216가지 고유 색상을 표현할 수 있습니다.
Hex 색상은 어디에 쓰이나요?
Hex 색상은 웹 개발의 표준입니다: • CSS: color: #FF5733; background-color: #1A2B3C; • HTML: <font color="#FF0000"> • 디자인 툴: Figma, Photoshop, Illustrator 모두 Hex 코드 사용 • 브랜드 가이드라인: 로고와 UI 요소의 색상 정의 • SVG 및 캔버스 그래픽
Try it yourself
색상 변환하기Hex 색상 코드에 대하여
Hex 색상 코드는 1990년대 HTML과 CSS의 등장과 함께 웹 색상의 표준이 되었습니다. 간결하고 익히면 직관적으로 읽을 수 있으며, 모호함이 없습니다. 현대 CSS는 3자리 단축 표기법(#FFF = #FFFFFF)과 알파 투명도를 포함한 8자리 Hex(#FF573380 = 50% 불투명도)도 지원합니다.
FAQ
- Hex 색상에서 # 기호는 무엇을 의미하나요?
- #(해시) 기호는 뒤에 오는 문자가 16진수 색상 코드임을 나타내는 접두사입니다. CSS에서는 필수이지만, 일부 디자인 툴의 입력 필드에서는 선택 사항일 수 있습니다.
- Hex 색상과 RGB의 차이점은 무엇인가요?
- 동일한 색상을 다른 표기법으로 나타냅니다. Hex는 6자리 16진수 문자열(#FF5733)을 사용하고, RGB는 쉼표로 구분된 세 개의 10진수(rgb(255, 87, 51))를 사용합니다. 상호 변환이 가능합니다.
- 8자리 Hex 색상이란 무엇인가요?
- 8자리 Hex 색상(#RRGGBBAA)은 투명도를 위한 알파 채널을 포함합니다. 마지막 두 자리(AA)가 불투명도를 나타내며, FF는 완전 불투명, 00은 완전 투명입니다.