틴트 & 셰이드 가이드
틴트는 색을 흰색과 섞어 밝게 만든 것이고, 셰이드는 검정과 섞어 어둡게 만든 것입니다. 둘이 합쳐져 배경, 테두리, 텍스트 계층에 필요한 색상 스케일이 됩니다.
기본 색상과 단계 수를 설정하고 스와치를 클릭하면 HEX가 복사됩니다. SCSS 내보내기로 팔레트 전체 변수를 한 번에 만들 수 있습니다.
Pro Tips
- 배경에는 틴트, 텍스트와 테두리에는 셰이드를 쓰면 UI가 가벼우면서도 계층이 유지됩니다.
- 브랜드 시스템은 기본 색 + 틴트 2개 + 셰이드 2개에 중립 회색 단계를 더하면 완성됩니다.
Frequently Asked Questions
Q: 틴트와 셰이드의 차이는?
틴트와 셰이드의 차이는? 틴트는 기본 색에 흰색을 더하고(밝게), 셰이드는 검정을 더합니다(어둡게). 색상은 그대로입니다.
Q: 단계는 몇 개가 좋나요?
단계는 몇 개가 좋나요? 한쪽에 5–10단계면 대부분의 디자인을 커버하고, 차트와 데이터 시각화에는 총 20단계가 이상적입니다.
Q: SCSS 내보내기는 어떻게 쓰나요?
SCSS 내보내기는 어떻게 쓰나요? 블록을 .scss 파일에 복사하고 스타일에서 $tint-2, $shade-1 같은 변수를 참조하세요.
Q: 60-30-10 색상 규칙이란?
60-30-10 색상 규칙이란? 중립색 60%, 보조색 30%, 강조색 10% — 기본 색이 대개 10% 강조 역할을 맡습니다.
Q: 단일 색만 복사할 수 있나요?
단일 색만 복사할 수 있나요? 네 — 그리드나 캔버스 스트립의 스와치를 클릭하면 HEX가 즉시 복사됩니다.
한국 전통색·오방색
오방색은 한국 전통 색채 체계로, 청(동)·적(남)·황(중앙)·백(서)·흑(북)의 다섯 가지 기본색이 방위와 계절을 상징합니다. 단청과 한복, 오방장두루마기에 사용되며, 현대 디자인에서도 전통미를 살리는 배색으로 활용됩니다.
청색 #3B5BA5동쪽과 봄을 상징하는 오방색의 파랑
적색 #C12127남쪽과 여름을 상징하는 강렬한 빨강
황색 #EAC102중앙과 대지를 상징하는 노랑
백색 #F5F5F5서쪽과 가을을 상징하는 순백
흑색 #17191C북쪽과 겨울을 상징하는 깊은 검정
쪽빛 #0067A3쪽풀로 물들인 전통 남색. 청바지의 원조
연두색 #81C147새싹의 연한 초록. 단청에 자주 쓰임
살구색 #F7CE68살구 열매를 닮은 부드러운 노란빛
자주색 #583B7E고귀함을 상징하는 전통 보라
단청색 #2E8B8B궁궐과 사찰 단청의 청록색
Q: 오방색이란 무엇인가요?
오방색이란 무엇인가요? 오방색은 한국 전통 색채 체계로 청(동)·적(남)·황(중앙)·백(서)·흑(북)의 다섯 색이 방위와 계절을 상징합니다. 단청, 한복, 오방장두루마기에 사용됩니다.
Q: 단청에 쓰이는 색은 무엇인가요?
단청에 쓰이는 색은 무엇인가요? 단청은 궁궐과 사찰의 목조건축을 장식하는 채색 기법으로, 오방색을 기본으로 청록색(#2E8B8B)과 연두색(#81C147) 등을 조화롭게 사용합니다.