3-4. 블로그의 컬러 시스템 설정하기

티스토리 스킨, 프라치노 공책은 스킨의 전반적인 컬러를 손쉽게 사용자화할 수 있습니다.

블로그 관리 페이지에서 ‘꾸미기’ 항목의 ‘스킨 편집’으로 이동한 후, ‘컬러 시스템’과 ‘다크 모드일 때 컬러 시스템’ 항목에서 이를 설정하면 됩니다. 그리고 프라치노 공책은 다크 모드를 지원합니다. 만약 다크 모드를 사용한다면 기본 모드와 함께 다크 모드에 따른 컬러 시스템을 고려하는 것이 좋습니다.

---

1. 링크

HTML에서 링크를 담당하는 a 태그의 텍스트 컬러를 지정합니다.

2. 커서 아래 링크

HTML에서 링크를 담당하는 a 태그의 텍스트에 마우스 커서를 올리거나 탭 하고 있을 때의 컬러를 지정합니다.

3. 헤드라인

HTML에서 머리말 레벨을 담당하는 h1 태그부터 h6 태그까지의 텍스트 컬러를 지정합니다.

4. 고정폭

HTML에서 고정폭 서체를 담당하는 pre 태그와 code 태그의 텍스트 컬러를 지정합니다.

5. 하이라이트

HTML에서 볼드체를 담당하는 b 태그와, 중요한 내용을 담당하는 strong 태그, 강조 내용을 담당하는 mark 태그의 텍스트 배경 컬러를 지정합니다. 이 태그들은 마치 형광펜을 텍스트 위에 칠한 것처럼 표시됩니다.

6. 포스트잇 1, 2, 3

사이드바 모듈, 댓글 풍선 등 스티커형 상자의 배경 컬러를 지정합니다.

---

컬러 시스템 설정에 도움이 될만한 팁

무작정 컬러를 지정하기보단 먼저 참고 자료를 찾는 것이 도움이 될 수 있습니다. Adobe Color나 Design Seeds 등의 참고 사이트에서 블로그에 어울릴만한 컬러를 찾아보세요. 생각지도 못한 컬러 시스템을 찾을 수도 있습니다.

스킨의 컬러는 16진수의 코드값(HEX)을 사용합니다. Google에서 ‘컬러 피커’를 검색해 보세요. 검색 결과 페이지 상단을 보면 원하는 컬러를 선택할 수 있는 Color Picker가 표시됩니다. 여기에서 원하는 컬러의 값을 얻고, 스킨 편집 페이지에서 해당 코드값을 붙이면 됩니다.