와플앱 도구 안내

그림자 생성기

  • 그림자 생성기는 색상이나 CSS 디자인 값을 만들고 미리보는 도구입니다.
  • 색상, 크기, 그림자, 테두리, 그라데이션 같은 옵션을 입력해 시각 결과를 생성합니다.
  • 미리보기와 코드 값을 확인해 웹 디자인이나 콘텐츠 제작에 활용할 수 있습니다.
관련 도구 그라데이션 생성기 색상 팔레트 명도대비 검사 랜덤 색상 생성 색상 혼합기 명도 대비 검사기(WCAG)

그림자 생성기

카드, 버튼, 이미지에 쓸 box-shadow 값을 만들고 미리봅니다.

box-shadow
레이어
inset
Shadow Preview

여러 레이어를 쓰면 가까운 그림자와 먼 그림자를 겹쳐 더 자연스럽게 보이게 할 수 있습니다.