clamp()는 값을 최소값과 최대값 사이로 설정하는 CSS 수학 함수입니다: clamp(MIN, VAL, MAX). VAL이 MIN과 MAX 사이에 있으면 VAL을 반환하고, MIN보다 작으면 MIN을, MAX보다 크면 MAX를 반환합니다. 덕분에 미디어 쿼리 없이 유동 타이포그래피가 가능해집니다.
최소/최대 글꼴 크기와 스케일링이 일어나는 뷰포트 범위를 설정하세요. 도구가 완벽한 vw 기반 공식을 계산하고, 여섯 가지 뷰포트 너비에서의 글꼴 크기 미리보기와 크기가 범위 전체에서 변하는 곡선을 보여줍니다.
Frequently Asked Questions
Q: CSS clamp()는 무엇을 하나요?
CSS clamp()는 무엇을 하나요? clamp(MIN, VAL, MAX)는 MIN과 MAX 사이의 값을 고릅니다. VAL이 MIN보다 작으면 MIN, MAX보다 크면 MAX, 아니면 VAL을 반환합니다. 너무 작지도 크지도 않은 유동 크기에 완벽합니다.
Q: clamp()는 min()·max()와 어떻게 다른가요?
clamp()는 min()·max()와 어떻게 다른가요? min()은 가장 작은 값을, max()는 가장 큰 값을 고르고, clamp()는 둘을 결합해 중간값을 하한과 상한 사이에 고정합니다. clamp()는 유동 타이포그래피의 주력입니다.
Q: clamp()는 모든 브라우저에서 지원되나요?
clamp()는 모든 브라우저에서 지원되나요? 네. clamp(), min(), max()는 2020년 이후 모든 모던 브라우저에서 지원됩니다(Chrome 79+, Firefox 75+, Safari 13.1+).
Q: 유동 타이포그래피에 어떤 뷰포트 크기를 써야 하나요?
유동 타이포그래피에 어떤 뷰포트 크기를 써야 하나요? 일반 사이트는 320px-1200px, 모바일 우선 프로젝트는 360px-768px가 일반적입니다. vmax를 넘으면 크기는 최대값에 고정됩니다 — 의도된 동작입니다.
Q: clamp()를 간격에도 쓸 수 있나요?
clamp()를 간격에도 쓸 수 있나요? 네. 유동 패딩과 갭도 같은 공식입니다: clamp(16px, 4vw, 48px). 유동 간격은 추가 미디어 쿼리 없이 기기 간 리듬을 유지합니다.
한국 전통색·오방색
오방색은 한국 전통 색채 체계로, 청(동)·적(남)·황(중앙)·백(서)·흑(북)의 다섯 가지 기본색이 방위와 계절을 상징합니다. 단청과 한복, 오방장두루마기에 사용되며, 현대 디자인에서도 전통미를 살리는 배색으로 활용됩니다.
청색 #3B5BA5동쪽과 봄을 상징하는 오방색의 파랑
적색 #C12127남쪽과 여름을 상징하는 강렬한 빨강
황색 #EAC102중앙과 대지를 상징하는 노랑
백색 #F5F5F5서쪽과 가을을 상징하는 순백
흑색 #17191C북쪽과 겨울을 상징하는 깊은 검정
쪽빛 #0067A3쪽풀로 물들인 전통 남색. 청바지의 원조
연두색 #81C147새싹의 연한 초록. 단청에 자주 쓰임
살구색 #F7CE68살구 열매를 닮은 부드러운 노란빛
자주색 #583B7E고귀함을 상징하는 전통 보라
단청색 #2E8B8B궁궐과 사찰 단청의 청록색
Q: 오방색이란 무엇인가요?
오방색이란 무엇인가요? 오방색은 한국 전통 색채 체계로 청(동)·적(남)·황(중앙)·백(서)·흑(북)의 다섯 색이 방위와 계절을 상징합니다. 단청, 한복, 오방장두루마기에 사용됩니다.
Q: 단청에 쓰이는 색은 무엇인가요?
단청에 쓰이는 색은 무엇인가요? 단청은 궁궐과 사찰의 목조건축을 장식하는 채색 기법으로, 오방색을 기본으로 청록색(#2E8B8B)과 연두색(#81C147) 등을 조화롭게 사용합니다.