텍스트 그림자 생성기

텍스트 섀도우 가이드

텍스트 섀도우는 제목과 히어로 텍스트에 깊이와 강조를 더합니다. 원본 텍스트 뒤에 흐린 복사본을 살짝 어긋나게 배치하면 떠 있는 듯한 입체감이 생겨 복잡한 배경에서도 가독성이 좋아집니다.

가로·세로 오프셋, 블러 반경, 그림자 색상, 불투명도, 글자색, 글꼴 크기를 조정하세요. Canvas 미리보기는 브라우저에 표시될 모습을 그대로 렌더링하며, CSS 출력은 스타일시트에 바로 붙여넣을 수 있습니다.

Pro Tips

• 부드러운 “떠 있는” 느낌을 원하면 블러를 8~16px, 그림자는 어두운 색에 불투명도 40~60%로 설정하세요. 레트로 네온 효과는 블러 0 + 완전 불투명한 밝은 색이면 됩니다.
• 하나의 선언에 여러 그림자를 쌓을 수 있습니다. 쉼표로 구분하기만 하면 됩니다. 바짝 붙은 어두운 그림자와 넓고 부드러운 그림자를 겹치면 전문적인 깊이가 만들어집니다.
• 본문 텍스트에는 오프셋을 작게 주세요. 긴 단락에 큰 그림자는 가독성을 떨어뜨립니다 — 극적인 그림자는 제목과 로고에만 사용하세요.