색상 코드 / 16진수

색상 코드의 16진수 표현은 웹 디자인 및 그래픽 작업에서 색상을 정의하는 데 널리 사용됩니다. HTML, CSS, 디지털 이미지 등 다양한 환경에서 활용되며, 색상을 RGB(Red, Green, Blue) 값으로 나타냅니다.

---

16진수 색상 코드 구조

• 형식: #RRGGBB
  • RR: 빨간색(Red)의 16진수 값 (00부터 FF까지)
  • GG: 초록색(Green)의 16진수 값 (00부터 FF까지)
  • BB: 파란색(Blue)의 16진수 값 (00부터 FF까지)
• 00은 최소값(0), FF는 최대값(255)입니다.

예시:

 

색상	16진수 코드	RGB 값
빨강	#FF0000	(255, 0, 0)
초록	#00FF00	(0, 255, 0)
파랑	#0000FF	(0, 0, 255)
검정	#000000	(0, 0, 0)
흰색	#FFFFFF	(255, 255, 255)
회색	#808080	(128, 128, 128)

---

16진수 색상 값의 계산

1. RGB 값을 16진수로 변환:
   • 예: (173, 216, 230)
     • 빨강: 173 → AD
     • 초록: 216 → D8
     • 파랑: 230 → E6
     • 결과: #ADD8E6 (밝은 하늘색)
2. 16진수를 RGB 값으로 변환:
   • 예: #FFA500
     • RR: FF → 255 (빨강)
     • GG: A5 → 165 (초록)
     • BB: 00 → 0 (파랑)
     • 결과: (255, 165, 0) (주황색)

---

CSS에서 16진수 색상 코드 사용

1. 기본 사용법

2. 축약형 (3자리 16진수)

• 축약 가능한 경우 #RRGGBB 대신 #RGB로 표현.
  • 예: #FFAA00 → #FA0
  • 각 값은 동일한 숫자 반복 시 가능 (FF는 F, AA는 A).

---

16진수 색상 코드와 투명도 (RGBA)

CSS에서 투명도를 포함하려면 rgba() 함수 또는 8자리 16진수를 사용합니다.

1. RGBA 함수

 

2. 8자리 16진수

• 형식: #RRGGBBAA
  • AA: 알파(투명도) 값, 00 (투명) ~ FF (불투명)

---

색상 코드 변환 도구

색상을 RGB와 16진수로 변환하는 온라인 도구나 라이브러리를 사용할 수도 있습니다.