색상 코드 변환
색상 코드 변환에서 HEX·RGB·HSL·alpha 변환과 색상 미리보기합니다.
Box Shadow 생성
Box Shadow 생성에서 위치·blur·spread·alpha로 box-shadow 생성·미리보기합니다.
Box Shadow 생성
⌂ 입력과 결과는 이 브라우저 안에서 처리되며 자동 저장되거나 전송되지 않습니다.
입력 대기
● 실시간 미리보기입력 및 조건
출력
입력 대기
전체 텍스트 결과
사용 방법
그림자 위치·흐림·확장·색·투명도를 정하고 여러 그림자는 층별로 조정합니다.
실제 배경과 이웃 요소에서 CSS를 확인하세요. 선택 상태를 그림자만으로 전달하지 말고 다른 시각적 표시도 유지합니다.
예
#0F172A원리와 제한
각 입력은 1,048,576바이트, 출력은 33,554,432바이트, 처리 시간은 5,000밀리초까지입니다. 입력을 알리지 않고 자르지 않습니다.
가이드
관련 도구
Flexbox·Grid 생성
Flexbox·Grid 생성에서 Flexbox·Grid 설정에서 레이아웃 CSS 생성·미리보기합니다.