티스토리 블로그 색상 HTML 코드 공유, 글자 색깔 바꾸는 방법.

블로그를 쓰다보면,  HTML 작성 화면을 통해 색상을 수정해야할 때가 있다.

본인은 비전공자라 그런지 HTML 코드만 봐도 어지러운데, 거기서 색깔까지 수정해야할때가 오면 색상코드가 뭔지 뭘 입력해야하는 어려울때가 많았다.

 

이번 글에서는 그렇게 알아본 블로그 색상 HTML 코드를 공유하려고 한다.

---

블로그 편집에서 글자 색상 바꾸는 방법

사실, 글자 색상을 설정해주는 가장 쉬운 방법은 블로그 기본모드에서 상부 글자색상 탭에서 색상을 선택해 바꿔주는 것이다. 대신 아래의 사진처럼 글자색상 선택에 한계가 있는데 다양한 색상을 사용하기 위해서는 색상 코드를 알고 아래의 입력 탭에 코드를 입력해주는 것이 좋다. 

그리고, 좀 더 블로그를 전문적으로 쓰시는 분들은 HTML 블로그 작성을 통해 색상을 변경하거나 설정하시는데,

글자 색상 변경을 예를 들면,

화면 상단의 기본모드를 HTML 모드로 변경 후 코드를 보면 아래와같이 <span style="color: #000000;"> 이라는 코드가 보일 것이다. 여기서 color: 뒤편 #000000 에 코드를 입력해주면 색상을 변경해줄 수 있다. 

---

HTML 색상코드 알아보기

그럼 각 색상들의 코드는 어떻게 알 수 있을까? 색상코드를 알 수 있는 방법은 여러가지 있으나, 최근 HTML 컬러를 직관적으로 확인할 수 있는 사이트를 누군가 만들어 해당 사이트를 공유하려고 한다.

1) 아래의 링크(버튼 클릭)로 접속을 하면 

 

HTML 색상 코드 확인하기

 

 

2) 아래와 같은 페이지를 확인할 수 있는데. 직접 색상을 선택해서 코드를 바로 바로 확인할 수 있다. 

3) 아래의 컬러픽커를 통해 좀 더 구체적으로 색상을 지정해 확인도 가능하니, 꼭 활용해보길 바란다.

---

몇가지 색상코드 공유

위와 같은 방법으로 나만의 색상을 만들어 코드를 입력할 수 있다. 본인도 같은 방식으로 색상을 여러개 만들어 보았는데

몇가지 색상과 코드를 공유하도록 하겠다.

	#0E412D
	#144449
	#AD95EE
	#6763AE
	#EBA292
	#F39C98
	#FAECBF
	#F9E5D0

---

이상 이번 글은 작성하면서 생각난 유용한 팁을 공유하는 개념을 작성했다. 도움이 되길 바란다.