색상 코드가 뭔가요
웹에서는 색상을 코드로 표현합니다. HEX는 #FF5733 같은 형태, RGB는 rgb(255,87,51) 형태예요. 둘 다 같은 색을 표현하는 다른 방식입니다. 디자인 작업에 필수 지식이죠.
언제 어떤 걸 쓰나
CSS에서는 둘 다 쓸 수 있지만 HEX가 짧아서 많이 씁니다. 디자인 프로그램에서는 RGB가 익숙하죠. 색상 변환 도구로 쉽게 바꿀 수 있습니다. HSL 모델도 알아두면 좋아요.
컬러 팔레트 도구
Coolors, Adobe Color가 유명합니다. 메인 색상을 정하면 어울리는 색을 추천해줘요. 색상 도구들과 함께 쓰면 디자인이 훨씬 쉬워져요. 보색, 유사색 개념을 알면 도움이 됩니다.
브랜드 가이드라인
회사 로고 색상의 정확한 코드를 알아야 일관된 디자인이 가능해요. 명함, 웹사이트, 간판 모두 같은 색이어야 합니다. 다양한 디자인 도구들과 함께 활용해보세요.
색상 조합의 원리
보색, 유사색, 삼원색 조합 등 색상 이론을 이해하면 조화로운 디자인이 가능합니다. Adobe Color 같은 도구에서 색상 팔레트를 자동 생성할 수 있습니다. 브랜드 색상을 정할 때도 색상 이론이 도움됩니다.
웹 접근성과 색상
명암 대비가 충분해야 색약자도 내용을 읽을 수 있습니다. WCAG 기준을 참고하여 대비율을 확인하세요. 색상 변환 도구로 다양한 형식의 색상 코드를 확인해보세요.
디자인에서 색상은 감정과 메시지를 전달하는 중요한 요소입니다. 목적에 맞는 색상 선택이 중요합니다.
HEX는 웹에서, RGB는 그래픽 작업에서 주로 씁니다.