색상 형식 이해하기
웹에서 색상은 여러 형식으로 표현할 수 있으며, 각 형식은 사용 목적에 따라 장점이 다릅니다.
HEX 색상
HEX(16진수) 색상은 해시 기호(#)로 시작하는 6자리 코드를 사용합니다. 각 두 자리 숫자는 빨강, 초록, 파랑 성분을 나타냅니다. 예를 들어 #FF0000은 순수한 빨강이고, #000000은 검정입니다. HEX는 CSS와 웹 디자인에서 가장 흔히 사용되는 형식입니다.
RGB 색상
RGB는 빨강, 초록, 파랑 채널의 조합으로 색상을 표현하며, 각 채널은 0~255 범위입니다. 형식은 rgb(red, green, blue)입니다. RGB는 빛 기반 색상 혼합에 직관적이며 CSS에서 널리 사용됩니다.
HSL 색상
HSL은 색조(Hue), 채도(Saturation), 밝기(Lightness)를 의미합니다. 색조는 색상환의 각도(0~360), 채도는 색상 강도(0~100%), 밝기는 색상의 밝고 어두운 정도(0~100%)를 나타냅니다. HSL은 색상 변형과 팔레트를 만들 때 더 직관적인 경우가 많습니다.
자주 묻는 질문
좋은 색상 조합을 어떻게 선택하나요?
보색(색상환에서 반대), 유사색(색상환에서 인접), 삼색 배색(균등 간격)을 활용해 보세요. 팔레트 기능은 조화로운 색상 조합을 구성하는 데 도움이 되는 색상 변형을 표시합니다.
색상 접근성이란 무엇인가요?
색상 접근성은 색각 이상이 있는 사용자도 콘텐츠를 읽을 수 있도록 보장하는 것입니다. 웹 콘텐츠 접근성 지침(WCAG)에서는 일반 텍스트에 최소 4.5:1, 큰 텍스트에 3:1의 대비율을 권장합니다.