텍스트 섀도우는 제목과 히어로 텍스트에 깊이와 강조를 더합니다. 원본 텍스트 뒤에 흐린 복사본을 살짝 어긋나게 배치하면 떠 있는 듯한 입체감이 생겨 복잡한 배경에서도 가독성이 좋아집니다.
가로·세로 오프셋, 블러 반경, 그림자 색상, 불투명도, 글자색, 글꼴 크기를 조정하세요. Canvas 미리보기는 브라우저에 표시될 모습을 그대로 렌더링하며, CSS 출력은 스타일시트에 바로 붙여넣을 수 있습니다.
Frequently Asked Questions
Q: text-shadow와 box-shadow의 차이는 무엇인가요?
text-shadow와 box-shadow의 차이는 무엇인가요? text-shadow는 텍스트의 글리프에, box-shadow는 요소의 사각형 박스에 적용됩니다. text-shadow는 확산(spread) 매개변수를 지원하지 않습니다.
Q: 여러 텍스트 섀도우를 추가할 수 있나요?
여러 텍스트 섀도우를 추가할 수 있나요? 네. 같은 선언 안에서 각 그림자를 쉼표로 구분하면 됩니다. 예: text-shadow: 2px 2px 4px rgba(0,0,0,.5), 6px 6px 12px rgba(0,0,0,.25);
Q: 텍스트 섀도우가 흐릿해 보이는 이유는 무엇인가요?
텍스트 섀도우가 흐릿해 보이는 이유는 무엇인가요? 블러 값을 확인하세요 — 20px을 넘으면 매우 산만해집니다. 또한 그림자 색상이 배경과 충분한 대비를 가지는지 확인하세요.
Q: text-shadow가 성능에 영향을 주나요?
text-shadow가 성능에 영향을 주나요? 미미합니다. 몇 개의 text-shadow는 모바일 기기에서도 무시할 만한 수준입니다.
Q: text-shadow로 네온 글로우 효과를 만들 수 있나요?
text-shadow로 네온 글로우 효과를 만들 수 있나요? 네. 오프셋을 0 0으로 두고 완전 불투명한 밝은 색을 쓰고 블러를 15~30px로 높이세요. 여러 색을 겹치면 더 강한 글로우를 얻을 수 있습니다.
한국 전통색·오방색
오방색은 한국 전통 색채 체계로, 청(동)·적(남)·황(중앙)·백(서)·흑(북)의 다섯 가지 기본색이 방위와 계절을 상징합니다. 단청과 한복, 오방장두루마기에 사용되며, 현대 디자인에서도 전통미를 살리는 배색으로 활용됩니다.
청색 #3B5BA5동쪽과 봄을 상징하는 오방색의 파랑
적색 #C12127남쪽과 여름을 상징하는 강렬한 빨강
황색 #EAC102중앙과 대지를 상징하는 노랑
백색 #F5F5F5서쪽과 가을을 상징하는 순백
흑색 #17191C북쪽과 겨울을 상징하는 깊은 검정
쪽빛 #0067A3쪽풀로 물들인 전통 남색. 청바지의 원조
연두색 #81C147새싹의 연한 초록. 단청에 자주 쓰임
살구색 #F7CE68살구 열매를 닮은 부드러운 노란빛
자주색 #583B7E고귀함을 상징하는 전통 보라
단청색 #2E8B8B궁궐과 사찰 단청의 청록색
Q: 오방색이란 무엇인가요?
오방색이란 무엇인가요? 오방색은 한국 전통 색채 체계로 청(동)·적(남)·황(중앙)·백(서)·흑(북)의 다섯 색이 방위와 계절을 상징합니다. 단청, 한복, 오방장두루마기에 사용됩니다.
Q: 단청에 쓰이는 색은 무엇인가요?
단청에 쓰이는 색은 무엇인가요? 단청은 궁궐과 사찰의 목조건축을 장식하는 채색 기법으로, 오방색을 기본으로 청록색(#2E8B8B)과 연두색(#81C147) 등을 조화롭게 사용합니다.