디자인( CSS)
실시간 로컬 미리보기로 실용적인 색상과 CSS를 생성하세요.
CSS 화면 비율 인벤토리
스타일시트에서 가로세로비 선언을 추출하고 사용된 고유한 비율을 요약합니다.
열기 도구 →CSS 고정 위치 검사기
sticky position 규칙을 찾고 각 규칙이 사용할 수 있는 inset 경계를 선언하는지 보고하세요.
열기 도구 →CSS 뷰포트 단위 목록
붙여넣은 CSS에서 사용된 inventory classic, small, large 및 dynamic 뷰포트 단위.
열기 도구 →CSS 중복 선언 찾기
집중 검토를 위해 동일한 평면 CSS 규칙 내에서 두 번 이상 선언된 속성을 찾습니다.
열기 도구 →CSS 오버플로 인벤토리
overflow, overflow-x 및 overflow-y 선언을 인벤토리하고, clipping 및 scrolling 값도 요약합니다.
열기 도구 →CSS 전환 속성 목록
단어장 및 transition-property 선언에서 전환된 CSS 속성을 추출합니다.
열기 도구 →CSS 줄 높이 인벤토리
인벤토리 line-height 선언을 분류하고, 단위 없는 값, 상대 값, 절대 값 및 normal 값을 분류합니다.
열기 도구 →CSS 초점 가시성 검사기
focus 및 focus-visible 선택자를 비교하고 키보드 포커스 윤곽선을 억제하는 플래그 규칙을 표시합니다.
열기 도구 →CSS 인쇄 미디어 인벤토리
인쇄 출력의 형식을 지정하는 데 흔히 사용되는 인벤토리, 인쇄 매체, 블록 및 선언문.
열기 도구 →CSS 감소 모션 검사기
prefers-reduced-motion 규칙을 검사하고 명시적인 감소 경로가 없는 모션 선언에 표시를 합니다.
열기 도구 →CSS 글꼴 표시 인벤토리
font-face 규칙 안의 font-display 전략과 생략된 로딩 동작을 파악합니다.
열기 도구 →CSS 강제 색상 검사기
고대비 지원 여부를 위해 forced-colors 미디어 쿼리와 forced-color-adjust 선언을 점검합니다.
열기 도구 →CSS 터치 액션 인벤토리
붙여넣은 CSS의 터치 동작 선언을 검토하고 제스처 제한을 요약합니다.
열기 도구 →CSS 사용자 선택 인벤토리
텍스트 선택을 비활성화하는 inventory user-select 선언 및 강조 표시 규칙.
열기 도구 →CSS 강조 색상 인벤토리
기본 폼 컨트롤을 스타일링하는 데 사용되는 accent-color 선언을 인벤토리합니다.
열기 도구 →CSS 스크롤바 속성 목록
붙여넣은 CSS에서 일반 스크롤바 속성과 레거시 WebKit 스크롤바 선택자를 확인하세요.
열기 도구 →접근성 CSS 체크박스 생성기
보이는 체크 상태, 키보드 포커스 링, 그리고 크기·반경·색상 제어가 있는 맞춤형 체크박스를 만든 다음, 완전한 CSS를 로컬에 복사하세요.
열기 도구 →접근 가능한 CSS 토글 스위치 생성기
일관된 트랙과 엄지(thumb) 기하, 활성 색상, 그리고 키보드로 보이는 포커스 처리를 갖춘 반응형 체크박스 기반 토글 스위치를 생성하세요.
열기 도구 →CSS 클립 경로 모양 생성기
제한된 기하학 프리셋을 선택하고, 실시간 색상 미리보기와 업로드된 디자인 데이터 없이 표준에 맞는 clip-path 다각형을 생성하세요.
열기 도구 →CSS 배경 패턴 생성기
이미지 자산 대신 CSS 그라디언트를 사용해, 간격, 선 두께 및 색상을 제어할 수 있는 가벼운 점, 그리드 또는 대각선 줄무늬 배경을 만듭니다.
열기 도구 →접근 가능한 CSS 글래스모피즘 생성기
대체 색상, 배경 블러, 테두리, 반경 및 그림자 값을 사용하여 반투명 패널을 구성하고, 제어된 로컬 배경 위에서 대비를 미리 보세요.
열기 도구 →HTML에서 SVG로 변환기
정리된 HTML 조각을 다양한 표시 크기에서 텍스트와 레이아웃이 선명하게 유지되는 확장 가능한 SVG 캔버스로 변환합니다.
열기 도구 →HTML에서 PNG로 변환 렌더러
명시적인 캔버스 크기와 선택적 투명도 친화적 배경을 사용하여 정제된 HTML을 무손실 PNG 이미지로 렌더링합니다.
열기 도구 →HTML에서 JPG 렌더러로
투명성이 필요 없는 미리보기, 이메일 초안 및 소셜 아트워크용으로 정제된 HTML을 간결한 사진형 JPEG 캔버스로 변환합니다.
열기 도구 →이 페이지에 일치하는 도구가 없습니다.