본문 바로가기
생활 상자

색상표, HTML색상코드표 , RGB색상코드표 알아봅시다 (색상 팔레트)

by 박스캣 2022. 2. 15.

안녕하세요. 박스캣입니다.

 

티스토리를 포함한 블로그를 운영하다 보면 자신의 블로그에 점점 더 애착이 생기게 됩니다. 특히, 같은 글을 쓰더라도 남들과는 다르게 색을 사용하여 가독성을 높이고 블로그를 이쁘게 꾸미고 싶어 지죠. 하지만, 기본으로 세팅되어있는 색상들은 종류가 한정적인 데다가 표 같은 경우에는 원하는 양식이 더욱 적기 때문에 못하시는 분들도 계셨을 거예요. 이런 분들께 굉장히 도움이 될만한 포스팅을 준비했습니다. 바로 색상 코드표를 사용하여 글자색, 글자 배경색 등을 변경하는 방법인데요.

 

오늘은 티스토리 블로그 운용 시 굉장히 유용한 HTML 색상표, RGB 색상 코드표 등에 대해 알아보도록 하겠습니다.


[목차]
1. 색상 코드표란?
2. 자주 사용하는 컬러 색상 코드표 정리
3. 색상 코드표 활용 방법

 

색상 코드표, RGB 색상표에 대해 알아봅시다.

 

1. 색상 코드표란?

색상 코드표란 RGB 방식의 색상 코드 표기법을 주로 말하여 '# + 여섯 자리'로 다양한 색상을 표기하는 방식입니다. 예를 들어 '#123456'과 같이 표기할 수 있으며, 여섯 자리 숫자 중 두 자리씩 끊어서 Red, Green, Blue의 강도를 나타낸 것입니다. Red, Green, Blue의 강도를 나타내기 때문에 앞 글자만 따서 RGB라고 하는 것이죠. 각각 두 자릿수는 16진수의 숫자로 00부터 FF까지 표현할 수 있으며, 00은 가장 어두운 색상, FF는 가장 밝은 색상을 표시합니다. 즉 #000000부터 #FFFFFF까지 엄청나게 다양한 색상 표현이 가능합니다. 코드 기재 시 대문자로 기재하셔도 되고 소문자로 기재하셔도 됩니다.

 

 

 

2. 자주 사용하는 컬러 색상 코드표 정리

아래 사이트 이동하시면 직관적으로 RGB색상코드표 팔레트 쉽게 확인이 가능합니다. 

RGB색상코드표 팔레트(http://www.hipenpal.com/tool/html_color_charts_rgb_color_table_in_korean.php)

 

RGB색상표/16진수 컬러 코드표 - Hi!Penpal!

HTML컬러표

www.hipenpal.com

출처 : http://www.hipenpal.com

반응형

 

 

 

3. 색상 코드표 활용 방법

색상 코드표를 알면 블로그 작성 시 글씨 색을 다양하게 바꿀 수 있습니다. 특히, HTML모드로 진입할 수 있는 티스토리에서는 더욱 쉽게 사용이 가능합니다.

 

활용 방법 : 색상 변경을 원하는 글이나 글자를 드래그 한 뒤, '글자색' 혹은 '배경색' 아이콘을 누르고 코드표를 기재 후 '입력'버튼을 클릭해주면 됩니다.

 

[예시]

박스캣의 지식상자

박스캣의 지식상자

박스캣의 지식상자

 

색상 코드표만 알면 위의 예시와 같이 이쁘게 변경이 가능합니다.


이상으로 색상 코드표에 대해 알아보았습니다. 색상 코드표를 알고 계신다면 위에서 설명드린 것처럼 글자색이나 글자 배경색 혹은 표 배경색 등을 원하는 색상으로 이쁘게 꾸미실 수 있으실 거예요. 작성한 포스팅 끝까지 읽어주셔서 감사드리며, 다음에는 더욱 알찬 포스팅으로 찾아뵙도록 하겠습니다.

반응형

댓글