지금까지 캘린더 이렇게 사용하셨나요?
밋밋하고 구분이 어려운 모습...
✅ 이렇게 한 번 봐꿔보세요!
일정별로 구분도 할 수 있고 시각적으로 훨씬 보기 좋은 캘린더 완성
오늘은 많은 분들이 궁금해하시는 노션 캘린더 보기에서 ‘색’을 넣는 방법을 알려드릴게요.
수식(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 | ![]() |
✅ 마무리하며
노션은 기본 기능만 보면 단순해 보일 수 있지만,
이렇게 수식을 조금만 활용하면 캘린더를 더 보기 좋게, 쓰기 편하게 만들 수 있어요.
지금 바로 따라 해보시고,
여러분만의 예쁜 컬러풀한 노션 캘린더를 만들어보세요!
궁금한 점 있으면 댓글 남겨주세요.
'노션기능' 카테고리의 다른 글
노션 꾸미기② 텍스트 색상과 배경 색상 바꾸는 방법 (0) | 2025.06.25 |
---|---|
노션 꾸미기① 글자 크기와 폰트 스타일 바꾸는 방법🔤 (4) | 2025.06.21 |
노션 다크 모드로 바꾸는 방법 2가지 (0) | 2025.06.12 |
🖥️ 생산성 높여주는 노션 단축키 7가지 (0) | 2025.06.10 |
노션 카드 미리보기 페이지 커버없이 깔끔하게 설정하는 법👀 (0) | 2025.06.07 |