디자이너를 위한 색상, 그라데이션, 그림자 등. · 도구 34개
조화로운 색상 팔레트를 만드세요.
CSS 그라데이션을 디자인하고 코드를 복사하세요.
CSS box-shadow를 시각적으로 디자인하세요.
HEX, RGB, HSL 등을 서로 변환하세요.
WCAG 기준으로 대비를 확인하세요.
SVG 파일 용량을 줄이세요.
border-radius로 모서리와 유기적인 형태를 디자인하고 CSS를 복사하세요.
backdrop-filter를 이용한 반투명 유리 효과. 바로 복사해서 쓰세요.
버튼과 카드용 뉴모피즘 스타일의 부드러운 그림자.
CSS 또는 SVG 패턴 배경(점, 줄무늬, 육각형…).
디자인에 쓸 그라데이션 SVG 랜덤 유기적 도형.
웹사이트 섹션을 구분하는 웨이브. 바로 쓸 수 있는 SVG로 제공해요.
그라데이션, 외곽선, 3D 버튼을 디자인하고 hover가 포함된 CSS를 복사하세요.
애니메이션 곡선을 디자인하고 실시간으로 테스트하세요.
바로 쓸 수 있는 @keyframes 애니메이션: 바운스, 하트비트, 흔들기, 페이드 등.
CSS 도형으로 요소를 잘라내세요: 삼각형, 별, 육각형 등.
CSS 그리드를 시각적으로 만들고 코드를 복사하세요.
flexbox의 모든 속성을 테스트하고 결과를 즉시 확인하세요.
비율을 기준으로 조화로운 제목·본문 글자 크기를 계산하세요.
기준 크기에 따라 픽셀, rem, em, pt, vw를 서로 변환하세요.
적색맹, 녹색맹, 청색맹인 사람들에게 디자인이 어떻게 보이는지 확인하세요.
클릭 한 번으로 화면 어디서든 색상을 추출하세요.
이니셜과 그라데이션으로 PNG 또는 SVG 아바타를 만드세요.
Gmail, Outlook, Apple Mail용 전문적인 서명을 디자인하세요.
브랜드명과 슬로건으로 텍스트 로고를 만들어 PNG 또는 SVG로 저장하세요.
잠글 수 있는 색상으로 만드는 랜덤 팔레트(파스텔, 비비드, 어스톤…).
HEX 또는 RGB 색상의 이름과 대응 값을 알아보세요.
Tailwind나 CSS 변수용으로 브랜드 색상의 50–950 스케일을 생성하세요.
이미지 하나로 iOS, Android, 웹용 모든 크기의 아이콘을 생성하세요.
명함을 디자인하고 바로 인쇄할 수 있는 A4 시트로 다운로드하세요.
PDF로 만드는 수료증, 표창장, 졸업장.
항목, 부가세, 합계가 포함된 간단한 PDF 청구서와 견적서.
깔끔한 템플릿으로 이력서를 만들고 PDF로 다운로드하세요.
이미지를 흰색 테두리가 있는 WhatsApp 스티커(512 × 512 WEBP)로 변환하세요.
