색상 코드란
디지털에서 색상을 표현하는 방식은 여러 가지가 있습니다. HEX는 #FFFFFF 형태로, RGB는 rgb(255,255,255) 형태로 표현합니다. 웹 디자인, 그래픽 작업에서 필수적으로 알아야 할 지식입니다.
HEX 코드 이해
16진수 6자리로 빨강, 초록, 파랑 값을 표현합니다. #FF0000은 빨강, #00FF00은 초록, #0000FF은 파랑입니다. CSS에서 가장 많이 사용되는 형식입니다. 색상 가이드를 확인하세요.
RGB 코드 이해
빨강, 초록, 파랑 각각 0-255 범위의 값으로 표현합니다. 직관적이지만 글자 수가 많습니다. 색상 변환기를 사용해보세요.
색상 조합의 원리
보색, 유사색, 삼원색 조합 등 색상 이론을 이해하면 조화로운 디자인이 가능합니다. 팔레트 도구를 활용하세요.
웹 접근성
명암 대비가 충분해야 색약자도 내용을 읽을 수 있습니다. 대비 검사 도구를 확인하세요.
웹 디자인에서
CSS에서 색상을 지정할 때 HEX 코드를 많이 씁니다. #FF0000은 빨강, #00FF00은 초록입니다. RGB는 빛의 삼원색으로 0-255 범위의 숫자 세 개로 표현합니다. 둘 다 같은 색을 다르게 표기하는 방법입니다.
색상 팔레트
브랜드 색상을 정할 때 메인 컬러와 보조 컬러를 정합니다. 변환기로 HEX와 RGB 값을 모두 확보해두면 다양한 환경에서 일관된 색상을 쓸 수 있습니다. 디자이너와 개발자가 협업할 때 유용합니다.
접근성
배경색과 글자색의 대비가 충분해야 읽기 쉽습니다. 색상 변환기로 명도를 확인하고 대비 비율을 체크하세요. 시각 장애가 있는 사용자도 편하게 읽을 수 있어야 합니다.