MagicKit.ai

CSS 변수 생성기

CSS 커스텀 속성을 온라인에서 생성하세요. 색상, 간격, 타이포그래피를 위한 디자인 시스템 토큰을 만드세요.

CSS 변수 생성하기

  1. 1 '변수 추가'를 클릭해서 새 커스텀 속성을 만드세요
  2. 2 각 변수의 이름, 값, 유형을 입력하세요
  3. 3 선택적으로 모든 변수 이름에 접두사를 설정하세요
  4. 4 생성된 CSS 출력을 복사해서 스타일시트에 사용하세요

관련 도구

🔧 Tailwind에서 CSS로 📦 Flexbox 생성기 🔲 CSS Grid 생성기 🎨 컬러 팔레트 생성기

🔒 즉시 결과, AI보다 빠름. 가입 불필요. 100% 프라이버시.

최종 업데이트: 2026년 1월 15일 · v2.1