노션 글자 배경색 변경과 수식으로 커스텀 색상 넣기

글자색과 글자 배경색 변경

노션에서 제공하는 텍스트의 색상과 텍스트 배경색은 변경 가능하도록 제공하고 있습니다. 알록달록 꾸미기가 점점 재밌어지는 노선에서는 원색적인 다양한 색상으로 표현하는 방법들을 알려드리고자 합니다. 기본적인 제공 방법에서는 간단한 설정만으로도 변경이 가능하지만 제한적인 종류를 가지고 있습니다. 색상 코드만 알고 있다면 수식을 이용하여 여러 가지 색상으로 변경 가능하니 이 방법도 알려드리겠습니다.

 

 

 

페이지 내용에서의 변경

빈 페이지에서 글자색과 글자 배경 색을 변경하는 방법입니다. 텍스트를 마우스로 끌어다 선택을 하면 상단에 텍스트를 꾸미기 위한 간략한 설정 화면이 뜹니다. 오른쪽에 텍스트 색 변경 탭을 클릭합니다.
(글자 색상 변경 단축키 cmd/ctrl + shit + H)
 

이후 펼침으로 나열된 색중에서 골라 사용하면 됩니다. 기본 제공하는 색상으로써 종류가 제한되어 있습니다. 글자 배경색 또한 스크롤을 조금 더 내리면 표현 가능한 배경색이 나옵니다. 여기 배경색들은 파스텔 톤의 색상만 있습니다. 참조하시어 사용하시면 될 듯합니다.

 

표로 보기(데이터베이스) 내용에서의 텍스트 색상

다음 표(데이터베이스)의 사용해 보기 위하여 아래 이미지와 같이 표를 하나 만들었습니다. 노션에서는 블록(텍스트)에서만 텍스트 색과 텍스트 배경색을 변경할 수 있습니다. 표에서의 속성에 기입되는 내용은 색상을 변경할 수 없습니다. 하지만 표로 보기의 페이지 열기의 내용에서는 페이지에서는 위의 내용과 마찬가지로 적용이 가능합니다.

 

수식으로 글자색 과 배경색 변경

이처럼 노션에서 기본 제공하는 색상 외 다른 색상을 사용하고 싶다면 수식을 이용하여 기입하는 방법이 있습니다. 편법(?)으로 보이지만 시안성을 위한다면 수식으로 표현해 두는 것도 상당히 괜찮아 보입니다. 물론 노션에서도 추후 색상표를 팝업 하여 설정할 수 있도록 추후 업데이트를 할 수 있겠네요.

포탈 검색창에 "색상 코드" 검색하시면 수많은 색상 코드를 참조하실 수 있습니다. 저는 참조로 #FF5C8D의 색상을 이용해 보도록 하겠습니다. 배경색으로는 #CAF0F8의 색상을 사용해 보겠습니다.먼저 일반페이지에서 수식을 넣어 표현해 보았습니다. 제목과 내용에서도 표현이 가능합니다.

<수식은 블록 변경 없이 아래와 같이 작성합니다.>

$$\color{#FF5C8D}\textsf{여기는 제목 입니다.}$$	여기는 제목 입니다.
$$\color{#FF5C8D}\colorbox{#03045E}{\textsf{여기는 본문 입니다.}}$$	여기는 본문 입니다.

 

설명한 대로 대로 제목에도 표현이 가능하지만 단점이 있습니다. 노션의 왼쪽 사이드바에 표시되는 페이지의 제목이 수식 그대로 표현이 된다는 것입니다. 대시보드로 끌어오는 페이지라면 그다지 신경은 쓰이지 않지만 페이지의 제목이 한눈에 파악이 안 되겠네요. 이런 부분은 감안하셔야 되는 부분 같습니다.

표로 보기에 수식으로 기입해 보기

표에서도 무리 없이 반영이 됩니다. 표의 페이지를 열어보면 텍스트 속성을 가진 두 항목에 색상이 반영되고 제목에도 반영이 된 것을 알 수 있습니다. 이런 색상 변경을 자주 쓴다면 자주 사용되는 색상 코드를 정리 개인 페이지로 정리해 놓는 것을 권합니다. 일반 텍스트 블록 이만 적용되는 것은 아닙니다. 응용하면 토글이나 체크박스에도 적용이 가능합니다.

자주 쓰는 색상이 있다면 표로 개인페이지에 나만의 색상표를 하나 만들어 두는 것이 편리할 수 있으니 참조해 보시기를 바랍니다. 노션색상표 만드는 내용은 별도 내용으로 한번 다루도록 하겠습니다.

 

 

일잘러들은 노션을 쓰더라. 정리하면 노션(notion)

일잘러들은 노션을 쓰더라. 정리하면 노션(notion)