디자인 도구
색상 팔레트 생성, 색상 코드 변환, CSS 그라데이션 빌더, 박스 섀도우 생성기를 설치 없이 사용합니다.
WebRecast 도구 목록
- 컬러 팔레트 - 이미지 또는 랜덤 시드에서 아름다운 색상 팔레트를 생성하세요. HEX, RGB, HSL 코드 내보내기.
- 컬러 변환기 - HEX, RGB, HSL, HSV, CMYK 색상 코드를 실시간으로 변환하세요. 라이브 미리보기와 원클릭 복사 기능. 무료 온라인 도구입니다. 지금 사용해 보세요!
- CSS 그라데이션 - 선형, 방사형, 원뿔형 CSS 그라데이션을 시각적으로 만들고 코드를 복사하세요. 실시간 미리보기와 원클릭 복사 무료 도구입니다. 지금 사용해 보세요!
- 박스 쉐도우 - 슬라이더로 CSS box-shadow를 시각적으로 디자인하세요. 오프셋, 블러, 확산, 색상을 조정하고 코드를 복사합니다. 무료 온라인 도구. 지금 사용해 보세요!
- 폰트 페어러 - 웹사이트에 어울리는 아름다운 폰트 조합을 찾아보세요. Google Font 조합을 실시간으로 미리 보고 CSS 코드를 즉시 받을 수 있어요. 무료 온라인 폰트 페어링 도구.
- 대비 검사기 - WCAG AA와 AAA 기준에 맞는 색상 명암비를 검사해 드려요. 웹사이트 텍스트의 가독성과 접근성을 보장하세요. 무료 온라인 도구.
- SVG 편집기 - 실시간 미리보기로 SVG 파일을 온라인에서 편집하세요. 색상, 크기, viewBox를 변경하고 수정한 SVG를 바로 다운로드하거나 복사할 수 있어요. 무료 브라우저 도구.
- 보더 래디우스 생성기 - 모서리마다 개별 제어로 CSS border-radius 값을 시각적으로 만들어 드려요. 바로 쓸 수 있는 CSS 코드를 복사하세요. 무료 온라인 border radius 생성기.
- 글래스모피즘 생성기 - 비주얼 컨트롤로 글래스모피즘 CSS를 만들어 드려요. 블러, 불투명도, 채도를 조절해 서리유리 UI 효과를 연출하세요. 무료 온라인 도구.
- 텍스트 그림자 생성기 - 여러 레이어의 CSS text-shadow 효과를 만들어 드려요. 오프셋, 블러, 색상을 시각적으로 조절하고 CSS 코드를 즉시 복사하세요. 무료 온라인 도구.
