CSS·Tailwind 도구
변환기를 보완하는 브라우저 도구입니다. CSS 포맷·압축, Tailwind를 CSS로 펼치기, 색상·그라데이션·그림자 만들기를 지원합니다.
CSS & Tailwind
CSS & Tailwind
CSS to Tailwind 변환기
브라우저에서 무료로 즉시 CSS를 Tailwind로 변환하세요. 설치·가입 없이 비공개 실행. CSS를 붙여넣고 유틸리티를 바로 복사하세요.
변환기 열기 →CSS & TailwindTailwind에서 CSS로 변환기
Tailwind 유틸리티를 CSS 선언으로 확장.
사용해보기 →CSS & TailwindCSS 포매터
일관된 들여쓰기로 CSS를 포맷하고 정리.
사용해보기 →CSS & TailwindCSS 압축기
브라우저에서 CSS 압축.
사용해보기 →CSS & TailwindCSS 색상 변환기
HEX를 RGB, HSL, Tailwind arbitrary로.
사용해보기 →CSS & TailwindCSS 명시도 계산기
선택자 명시도 계산.
사용해보기 →CSS & TailwindCSS 선택자 테스터
HTML에 대해 선택자 테스트.
사용해보기 →CSS & TailwindCSS 그라디언트 생성기
CSS 그라데이션 생성.
사용해보기 →CSS & TailwindCSS 박스 섀도 생성기
box-shadow 디자인.
사용해보기 →HTML 도구
Chrome 확장 프로그램
Chrome 사이드 패널에서 CSS 변환
무료 CSS to Tailwind 확장 프로그램을 설치하세요. CSS를 붙여넣고 기기에서 변환한 뒤, 보고 있는 페이지를 떠나지 않고 유틸리티를 복사할 수 있습니다.