본문 바로가기
종합정보

HTML 색상 정보 제공 사이트

by ☆★○☆★ 2020. 9. 2.

안녕하십니까? 오늘 포스팅에서는 티스토리를 운영할 때 정말 꼭 필요한 정보 하나를 알려드리려 합니다. 저도 처음에 티스토리를 운영할 때는 아무 것도 그냥 글쓰기 바빠는데요. 시간이 좀 지나면 자신의 티스토리를 예쁘게 꾸미고 싶은 마음이 들게 될 것입니다. 이때 HTML을 이용하여 블로그 내 색깔을 조절할 수 있는 방법이 있습니다. 너무 쉽고 간단하니까 잘 보시고 따라서 해 보시길 바랍니다.

 

HTML 컬러 차트

혹시 이런 사진을 본 적 있습니까?

 

<사진 1>

블로그에 글을 쓸 때 또는 한글 문서, 워드 문서를 작성할 때 더 많은 색깔을 넣고 싶을 때 보셨을 겁니다. 이것은 컬러차트라고 합니다. 여기 있는 색깔들은 각각의 기호를 가지고 있습니다. 컴퓨터 작업을 손쉽게 하기 위함입니다.

 

<사진 2>

 

컬러 코드

<사진 3> 컬러 코드

컬러 코드는 <사진 3>에 있는 샵(#)으로 시작하는 번호입니다. 이 번호가 바뀌면서 색깔도 다양하게 바뀝니다. 이것은 HTML에 들어가서 본인이 마음대로 바꿀 수 있습니다. 그런데 우리가 수많은 색깔의 코드를 다 외우지 못하기 때문에 이것을 도와줄 사이트가 필요합니다.

 

그 사이트의 주소는 다음과 같습니다.

 

 

HTML 컬러 코드

HTML 컬러 차트 사각형 모양의 컬러버튼을 클릭하여 HTML 컬러 코드를 찾으세요. HTML 컬러 코드 이론 "이 이상한 기호와 숫자와의 조합이 어떤 의미가 있을까?" 하고 궁금하신가요. 그 답은 "예" 입��

html-color-codes.info

여기에 들어가셔서 아무 색깔이나 눌러보시면 <사진 3>의 박스 안에 번호가 보입니다. 그럼 그 번호를 HTML에 들어가서 넣어주면 됩니다. 티스토리 HTML은 여기에 있습니다.

 

<사진 4> HTML의 위치

 

코드 바꿔보기

<사진 5> HTML에서 색깔 코드 위치

<사진 5>를 보시면 빨간 네모칸에 보시면 샵(#)으로 시작하는 코드가 보입니다. 그 코드를 바꿔 주면 색깔을 바꿀 수 있습니다. 직접 아무 숫자나 한번 넣어보시면 색깔이 바껴 있는 것을 보실 수 있습니다. 코딩이라고 해서 어렵게 생각하시는데 HTML도 자꾸 보면 익숙해지고 쉬워집니다. 저도 아직 처음이라 모르는 것 투성이지만 천천히 배워가고 있습니다

반응형

댓글