노션기능

📅 노션 캘린더에 색 넣는 방법! 일정 깔끔하게 구별하기

노션한잔 2025. 6. 14. 19:46

 

지금까지 캘린더 이렇게 사용하셨나요?

 

밋밋하고 구분이 어려운 모습...

 

 

✅ 이렇게 한 번 봐꿔보세요!

일정별로 구분도 할 수 있고 시각적으로 훨씬 보기 좋은 캘린더 완성

 

 

 

오늘은 많은 분들이 궁금해하시는 노션 캘린더 보기에서 ‘색’을 넣는 방법을 알려드릴게요.

수식(Formula)을 조금만 활용하면 초보자도 쉽게 따라할 수 있습니다!


 

사용되는 수식 (Formula)

\color{e26559}\rule{500px}{5px}

💡 이게 무슨 뜻인가요?

  • \color{e26559} → 줄의 색상 코드예요.
  • \rule{500px}{5px} → 가로 500px, 세로 5px인 막대(줄)를 그리는 명령입니다.
  • 이 수식을 사용하면 캘린더 안 텍스트 영역에 줄처럼 보이는 색상 바가 생겨요.

 

🔧 적용 방법

 

1. 새로운 속성 만들기

 

페이지에 들어가서 속성 추가를 누른 후

 

 

 

텍스트 유형을 선택해줍니다.

 

💡속성 이름은 마음대로 정해주세요!

예: Color Bar, 색상 표시, 카테고리 컬러 등

 

2. 수식 입력하기

 

 

방금 보여드린 수식을 그대로 붙여 넣어요:

\color{e26559}\rule{500px}{5px}

 

 

❗여기서 주의사항

아마 수식을 그냥 붙여 넣으면 아무일도 일어나지 않을 거예요.

 

꼭 수식 앞뒤로 $$를 추가해야합니다!

 

 

❓색상을 추가했는데 보이지 않아요!

 

 

 

이 경우엔 오른쪽 상단 설정을 클릭한 후 속성 표시 여부로 들어갑니다.

 

 

 

보통 숨기기 상태로 되어 있기 때문인데요.

오른쪽 눈 모양을 눌러서 숨기기 해제를 해주면 끝

 

 

 

 

캘린더에 표시하기로 바뀌면서 색상이 표시됩니다.

 

🎨 원하는 색상 코드 구하는 팁

 

 

HTML Color Codes

Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values.

htmlcolorcodes.com

 

이 사이트로 들어가면 색상 팔레트가 나와요.

 

원하는 색을 지정하면 HEX옆에 나타나는 #색상코드를 복붙하면 됩니다.

 

 

 

 

귀찮은 분들은 아래 제가 자주 사용하는 색상코드를 남겨둘테니 사용해보세요 :)

색상코드 배경
FECE00
7BC1B1
0654A3
E26559

 


 

✅ 마무리하며

노션은 기본 기능만 보면 단순해 보일 수 있지만,
이렇게 수식을 조금만 활용하면 캘린더를 더 보기 좋게, 쓰기 편하게 만들 수 있어요.

지금 바로 따라 해보시고,
여러분만의 예쁜 컬러풀한 노션 캘린더를 만들어보세요!

궁금한 점 있으면 댓글 남겨주세요.