Total0
Today0
Yesterday0

업데이트 노트

v2.1.0 (2026.04.24)
  • Section Divider Generator 신규 추가
  • Aspect Ratio Calculator 신규 추가
  • CSS Animation Generator 신규 추가
v2.0.0 (2026.04.24)
  • CSS Grid Generator 신규 추가
  • 시각적 그리드 설계 및 자동 코드 생성 기능
v1.6.0 (2026.04.24)
  • WCAG Contrast Checker 신규 추가
  • 웹 접근성을 위한 컬러 대비 자동 검사
v1.5.0 (2026.04.24)
  • CSS Flexbox Visualizer 신규 추가
  • 레이아웃 속성 시각화 및 자동 코드 생성
v1.4.0 (2026.04.24)
  • CSS Gradient Generator 신규 추가
  • 컬러 변환기 시각적 컬러피커 기능 강화
  • CSS 도구(Minifier) 성능 및 UI 개선
v1.3.0 (2026.04.24)
  • 색상 변환기 (HEX ↔ RGB ↔ HSL) 추가
  • CSS Minifier / Formatter 도구 추가
  • CSS Clamp 생성기 UI 디자인 전면 개편
v1.2.0 (2026.04.23)
  • CSS 스타일 및 시각화 생성기 추가
  • Box Shadow & Text Shadow 생성기
  • Border-Radius 생성기 (Liquid Shape)
  • 글래스모피즘 & 뉴모피즘 생성기
v1.1.0 (2026.03.23)
  • PX ↔ REM 변환기 및 CSS Clamp 생성기 기능 추가
  • 상단 네비게이션(GNB) 추가 및 보조 도구 사용성 개선
  • 모바일 환경 UI 최적화(가독성 개편 및 vw 적용 확대)
v1.0.1 (2026.03.23)
  • CSS "속성삭제" 체크 시 주석이 포함된 경우 발생하는 변환 오류 수정
  • 광고 배너 높이 조정
v1.0.0 (2024.10.01)
  • PX ↔ VW 양방향 변환 기본 기능 출시
  • Breakpoints 프리셋 제공 및 CSS 텍스트 일괄 변환 지원
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

WCAG Contrast Checker

배경색과 글자색의 대비율을 확인하여 웹 접근성 기준 통과 여부를 검사하세요.

Contrast Ratio
4.50:1
Small Text (AA) Pass
Small Text (AAA) Fail
Large Text (AA) Pass
Large Text (AAA) Pass
This is Large Text
이 텍스트는 일반적인 본문 크기(16px)의 미리보기입니다. 웹 접근성 지침(WCAG)에 따르면 배경색과 글자색의 대비가 일정 수준 이상이어야 모든 사용자가 내용을 원활하게 읽을 수 있습니다.
* Large text is defined as 18pt (24px) or larger, or 14pt (18.66px) or larger and bold.

📖 웹 접근성(WCAG) 대비율 기준

AA 등급 (최소 기준)

일반 텍스트는 4.5:1 이상의 대비를, 큰 텍스트는 3:1 이상의 대비를 권장합니다. 대부분의 상업용 웹사이트가 준수해야 하는 표준입니다.

AAA 등급 (높은 기준)

일반 텍스트는 7:1 이상의 대비를, 큰 텍스트는 4.5:1 이상의 대비를 권장합니다. 가독성을 최우선으로 하는 문서나 공공 서비스에 적합합니다.

이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.