１장 색의 원리 - 색천지 이야기
１. 색의 성질Ⅰ- 색천지의 탄생
원색, 순색 / 무채색, 유채색 / 명도, 색상, 채도 / 색입체, 색의 구조

２. 색의 성질Ⅱ-색천지의 하루
명도대비 / 채도대비 / 색상대비 / 면적대비 / 잔상 / 계속대비

３. 색의 종류 - 색천지의 가족
빨강색과 주황색 / 노랑색과 연두색 / 녹색과 청록색 / 파랑색과 남색 / 보라색와 자주색

４. 색의 성격 - 예삐는 못말려
따뜻한 색, 차가운 색
무거운 색, 가벼운 색
부드러운 색 딱딱한 색
커 보이는 색, 작아 보이는 색
멀어 보이는 색, 가까워 보이는 색
정열적인 색, 편안한 색

２장 배색의 원리 - 배색 샘플 만들기
１. 기초배색
１) 색상의 차이를 활용하자
계통색 / 유사색 / 반대색
２) 3색배색
2색+1색 / 삼각형배색
３) 무채색배색
흰색 / 검정 / 회색

２. 중급배색
１) 명도
２) 채도
３) 색상
４) 톤이란-톤의 종류
５) 톤을 활용한 배색

３. 이미지배색
１) 색상과 톤 - 색의 이미지결정
２) 색상이 나타내는 이미지
３) 톤이 나타내는 이미지
４) 배색 이미지
５) 원하는 이미지, 원하는 배색

４. 배색힌트,이것만은 잊지 말자
１) 면적대비를 활용하자
２) 엑센트색과 바탕색의 성격
３) 색상과 톤의 대비와 통합
４) 안전한 배색-통합과 무채색
５) 너무 많은 색은 쓰지 말자.
６) 자신만의 색을 선택하는 방법
７) 배색의 확장
８) 디테일

３장 웹배색활용의 원리
１. 웹배색에서의 특이사항
１) 인터넷 상의 색 알기
컴퓨터에서 구현 가능한 색수 / RGB칼라 / 16진수
２) 웹배색에 있어서 주의할 사항
216 웹안전색 / Indexed color / 디더링

２. 웹배색에 사용할 색 정하기
１) 이미지 정하기
깨끗한 이미지 / 전통적인 이미지 / 도시적인 이미지 / 편안한 이미지 / 활동적인 이미
지 / 어린이다운 이미지 / 발랄한 이미지 / 우아한 이미지
２) 배색에 자신이 없다면?
계통색의 배색 / 유사색의 배색 / 반대색의 배색 / 무채색과의 배색 / 포인트색과 배경색

３. 웹배색 적용하기
１) 레이아웃을 확실히 정하라
면적,위치에 따른 배색 이미지 변화 / 적용방법에 따른 배색 이미지 변화
２) 배색 되어진 결과물의 퀄리티를 높이자
픽셀과 전쟁 / 레이아웃의 중요성 / 단순하지만 주제는 명확히

4. 웹배색 구경하기
１) 메시지를 잘 전달하는 사이트분석
기술정보사이트의 웹배색 / 쇼핑몰사이트의 웹배색 / 오락사이트 웹배색 / 홍보사이트 웹
배색 / 문화생활사이트 웹배색
２) 특정한 배색은 사이트의 목적을 반영한다
성별에 따른 사이트배색 / 연령층에 따른 사이트배색 / 직종별에 따른 사이트배색