CSS→Tailwind 변환기
CSS 속성을 Tailwind CSS 유틸리티 클래스로 변환. 레이아웃, 간격, 타이포그래피, 색상 등 지원. 무료, 100% 브라우저에서 실행.
미매칭 CSS (Tailwind 대응 없음):
참고
CSS→Tailwind 변환이란?
Tailwind CSS는 유틸리티 우선 CSS 프레임워크로, flex, p-4, text-center 같은 사전 정의된 클래스로 스타일링합니다.
지원되는 변환
레이아웃 — display, position, flex, grid. 간격 — padding, margin, gap, width, height. 타이포그래피 — font-size, font-weight, text-align. 색상 — background-color, color, border-color (hex). 테두리 — border-radius. 효과 — opacity, cursor, overflow.
개인정보
모든 변환은 브라우저에서 100% 실행됩니다. 서버로 데이터가 전송되지 않습니다.