색상 코드가 뭔가요
웹에서는 색상을 코드로 표현합니다. HEX는 #FF5733 같은 형태, RGB는 rgb(255,87,51) 형태예요. 둘 다 같은 색을 표현하는 다른 방식입니다.
언제 어떤 걸 쓰나
CSS에서는 둘 다 쓸 수 있지만 HEX가 짧아서 많이 씁니다. 디자인 프로그램에서는 RGB가 익숙하죠. 색상 변환 도구로 쉽게 바꿀 수 있습니다.
색상 선택 팁
어울리는 색상 조합을 찾고 싶으면 컬러 팔레트 사이트를 참고하세요. 보색, 유사색 개념을 알면 도움이 됩니다. 다양한 디자인 도구들과 함께 활용해보세요.
컬러 팔레트 도구
Coolors, Adobe Color가 유명합니다. 메인 색상을 정하면 어울리는 색을 추천해줘요. 보색, 유사색, 삼원색 조합을 자동으로 만들어줍니다. 색상 도구들과 함께 쓰면 디자인이 훨씬 쉬워져요.
접근성 고려
색각 이상자를 고려한 색상 선택도 중요합니다. 대비가 충분해야 가독성이 좋아요. 웹 접근성 가이드라인을 참고하세요. 텍스트와 배경의 대비 비율을 체크하는 도구도 있습니다.
색상 코드는 브랜드 가이드라인에도 중요합니다. 회사 로고 색상의 정확한 코드를 알아야 일관된 디자인이 가능해요. 명함, 웹사이트, 간판 모두 같은 색이어야 합니다. 색상 관리 소홀이 브랜드 이미지를 해칠 수 있어요. 기본이지만 중요한 부분입니다.
색상 코드는 브랜드 가이드라인에도 중요합니다. 회사 로고 색상의 정확한 코드를 알아야 일관된 디자인이 가능해요. 명함, 웹사이트, 간판 모두 같은 색이어야 합니다. 색상 관리 소홀이 브랜드 이미지를 해칠 수 있어요. 기본이지만 중요한 부분입니다.