코드 색상표.
블로그를 운영하다보니, 싫어도 html, css 등을 사용할 일이 생기더군요.
울며 겨자먹기 식으로 조금씩 배우고 있는데요. 관련전공을 하신 분들이나, 프로그래밍 언어를 배우신 분들께는 식은죽 먹기보다 쉬운 일일테지만, 저같은 문외한에게는 외계어처럼 다가옵니다.
그래서 오늘은 저같은 초보분들을 위해 코드 색상표를 확인하고, 사용하는 방법에 대해 소개해보도록 하겠습니다. 그나마 코드 색상표를 찾고, 적용하는 것은 다른 작업들에 비해 쉽더군요.
이전 포스팅에서 구글 블로그 글 템플릿을 설정하는 방법에 대해 소개해드렸는데, 함께 보시면 좋을 듯 합니다.
코드 색상표.
여러 사이트에서 코드 색상표를 제공하고 있는데요
오늘 제가 소개해드릴 사이트는 네이버 색상표입니다.
네이버 검색창에 html 색상표라고 검색하시거나, 아래의 링크를 이용하시면 되겠습니다.
네이버 색상표에서 원하는 색상의 코드를 보고, 해당 색상을 적용시켜주면 되는데요.
예시를 보여드리기 위해 이 문장을 다른 색으로 바꿔보겠습니다.
위 문장의 html코드는
<div style="text-align: left;"><span style="color: #2b00fe;"> 예시를 보여드리기 위해 이 문장을 다른 색으로 바꿔보겠습니다.</span></div><div style="text-align: left;"><br /></div><div style="text-align: left;"> </div>
위와 같은데, color이라는 부분이 글자 색상입니다. #2b00fe 요 녀석이 위 문장의 파란색의 색상코드인 것이죠. 이 녀석을 만약 보라색 비스무레 한 녀석으로 바꾸고 싶다면 색상 팔레트에서 조회를 하면
#D941C5
라는 녀석이 저 색상의 html 코드입니다 2b00fe를 지우고 #D941C5를 그 자리에 넣어주면,
예시를 보여드리기 위해 이 문장을 다른 색으로 바꿔보겠습니다.
이렇게 위에서 선택한 색으로 글씨 색상이 변하게 됩니다.
네이버 색상표 뿐만아니라, 미리캔버스 등 여러 사이트에서 색상표를 제공하고 있으므로 마음에 드는 녀석으로 이용하시면 되겠습니다.
몇 번 해보시면 글자색 바꾸는 것은 쉽게 적용이 가능하시리라 생각합니다 .
이상 html 색상표 및 글자색상 변경에 대한 포스팅이었습니다.
