HeronTool
한국어▾
로그인
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
홈 › 개발 도구 ›

Create a Tailwind CSS configuration file by specifying your design tokens.

dev

사용 방법

  1. Enter your primary and secondary colors
  2. Set font family and border radius
  3. Choose dark mode strategy
  4. Copy the generated config

사용 예

Create a Tailwind CSS configuration file by specifying your design tokens

업로드가 없습니다 — 모든 처리는 브라우저에서 로컬로 진행됩니다.

댓글 / 신고 / 내 메모

먼저 로그인하세요 — 로그인

먼저 로그인하세요 — 로그인

먼저 로그인하세요 — 로그인

관련 도구
JSON 포맷 JSON을 정리·압축·검증하고 오류를 찾아냅니다. 서식 정규식 테스터 정규식을 실시간으로 테스트하고 일치 항목을 강조합니다. 정규식 코드 하이라이트 코드를 붙여넣으면 원클릭으로 컬러 HTML 하이라이트를 만듭니다. 코드 HTML 인코더 HTML 엔티티를 인코딩/디코딩해 특수 문자를 이스케이프합니다. 인코딩 URL 인코딩/디코딩 한글과 특수 문자를 처리하며 URL을 인코딩/디코딩합니다. 인코딩 Base64 인코딩/디코딩 텍스트를 Base64로 인코딩/디코딩합니다. 인코딩 색상 변환 색상을 HEX / RGB / HSL 사이에서 변환합니다. 색상 JSON 검증 JSON 유효성을 검사하고 오류를 찾습니다. 검증