모든 도구와 프로젝트를 빠르고 최적화된 환경에서, 한 곳에서 이용하세요.
APCA(WCAG 3.0)로 디자인의 실제 명암 대비를 확인하세요. 폰트 굵기와 크기가 실제 가독성에 미치는 영향을 분석합니다. 단순 비율부터 지각적 가독성까지 모두 확인할 수 있습니다.
시각적 가독성은 수학만이 아닙니다. 빛과 그림자가 당신의 눈과 상호작용하는 방식입니다.
WordPress, Notion 또는 직접 운영하는 사이트에 맞게 색상과 다크 모드를 설정하세요.
APCA는 WCAG 3.0을 위해 개발된 고급 지각적 명암 대비 알고리즘(Advanced Perceptual Contrast Algorithm)입니다. 기존의 단순 비율과 달리, APCA는 극성(밝은 배경 대 어두운 배경)과 폰트 크기 및 굵기를 고려하여 인간의 뇌가 명암 대비를 지각하는 방식을 수학적으로 모델링합니다.
Lc(Lightness Contrast)는 APCA가 생성하는 명암 대비 값입니다. 100은 이상적인 최대 명암 대비를 나타내며, 60 미만은 연속적인 읽기 텍스트에 문제가 생기기 시작하는 수준입니다. 이는 지각의 절대적 크기 척도입니다.
얇은 폰트(Thin/Light)는 읽기 위해 훨씬 더 높은 명암 대비가 필요합니다. APCA는 낮은 굵기의 폰트에 불이익을 주며, 굵기 100의 폰트로 WCAG를 통과한 디자인이 실제로는 읽기 어려울 수 있음을 보여줍니다.
네, 모든 계산은 브라우저에서 로컬로 수행됩니다. 분석하는 색상과 설정은 어떤 서버에도 전송되지 않으므로 디자인 프로젝트의 완전한 개인정보 보호가 보장됩니다.
https://www.w3.org/WAI/standards-guidelines/wcag/wcag3-intro/
https://apcaw3.myndex.com/
https://developer.mozilla.org/ko/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast
JSON 코드를 포맷팅, 유효성 검사 및 복구할 수 있는 무료 온라인 도구입니다. JSON 코드를 보기 좋게 정리하고, 구문 오류를 감지하며 가독성을 높여줍니다.
SVG 아이콘과 벡터를 CSS 코드(Background 또는 Mask) 또는 압축된 Data URI로 변환하세요. 외부 HTTP 요청을 제거하여 웹사이트 성능을 최적화합니다.
이미지, 비디오 및 웹 디자인의 새로운 해상도를 계산하고 정확한 비율을 유지하여 그래픽 왜곡을 방지합니다. 16:9, 4:3, 21:9 및 사용자 정의 형식을 지원합니다.
웹 디자인에 필요한 맞춤형 플레이스홀더 이미지를 만들어보세요. 해상도, 배경색, 텍스트를 조정하고 PNG, WebP 또는 JPEG로 즉시 내보낼 수 있습니다.
모든 링크의 특수 문자를 안전한 형식(퍼센트 인코딩)으로 변환하거나 원래의 읽기 가능한 상태로 즉시 로컬에서 복구합니다.
중복된 CSS 코드를 깔끔하게 정리하는 무료 도구입니다. 불필요한 셀렉터를 통합하고, 캐스케이드를 유지하면서 브라우저에서 즉시 파일 크기를 줄여드립니다.
스타일시트와 CSS 클래스를 HTML 내에 직접 삽입된 인라인 스타일로 자동 변환합니다. 뉴스레터, 트랜잭션 이메일, 안정적인 웹 레이아웃에 적합합니다.
CSS 선택자의 우선순위와 정확한 가중치를 계산합니다. 어떤 CSS 규칙이 캐스케이드에서 이기는지 시각적으로 확인하고 !important 남용을 방지하세요.
Linux Cron 표현식을 생성하기 위한 무료 시각화 도구입니다. * * * * *을 인간이 이해할 수 있는 언어로 번역하고 다음 5번의 실행 일정을 실시간으로 보여줍니다.
키보드의 모든 키에 대한 event.key, event.code, event.which 및 위치를 실시간으로 확인할 수 있는 무료 온라인 도구. 바로 사용할 수 있는 JavaScript 코드 스니펫을 생성합니다.
LLM API 호출 비용을 무료로 추산할 수 있는 온라인 도구입니다. GPT-4o, Claude, Gemini, Llama 등을 백만 토큰당 실제 가격으로 비교해 보세요.
음악적 비율에 기반한 모듈러 스케일로 조화로운 시각적 계층 구조를 만드는 무료 온라인 도구입니다. 웹 디자인에 바로 사용할 수 있는 CSS 변수를 생성합니다.
App Store와 Google Play를 위한 전문적인 프레젠테이션을 만들어 보세요. 커스텀 배경, 파노라믹 레이아웃, 고해상도 일괄 내보내기를 지원하는 iPhone과 Pixel 목업.
MD5, SHA-1, SHA-256, SHA-512 해시를 즉시 계산합니다. 개발자를 위한 무료, 비공개, 초고속 보안 도구입니다. 100% 클라이언트 측에서 작동합니다.
ChatGPT, Midjourney, Claude 프롬프트를 개인적으로 정리하고 태그를 붙여 저장하세요. localStorage에 저장되는 나만의 프롬프트 뱅크.
RGB, HEX, HSL 간에 색상을 즉시 변환하세요. 보색 조화를 생성하고 WCAG 대비를 분석합니다. 100% 클라이언트 측에서 실행되며 개인정보를 보호합니다.
Figma, Adobe Illustrator 또는 Inkscape에서 내보낸 SVG를 최적화하고 정리합니다. 메타데이터, 불필요한 속성, 빈 그룹을 제거해 바로 배포할 수 있는 SVG를 만들어보세요.
디지털 마케팅 캠페인을 위한 정확한 추적 링크를 만드세요. Google 애널리틱스 및 기타 분석 도구에 최적화되어 있습니다.
URL에 포함된 추적 및 광고 파라미터를 자동으로 제거합니다. 깔끔한 링크를 공유하고 디지털 프라이버시를 즉시 보호하세요.
SSL 인증서 파일(.pem, .crt, .der)을 로컬로 분석합니다. 만료 날짜, 발급자, 주체 및 SHA-256 지문을 확인하세요. 데이터가 브라우저를 벗어나지 않습니다.
취약점 보고를 용이하게 하고 국제 웹 보안 표준을 준수하는 전문 security.txt 파일을 만들세요.
사용자가 3G, 4G, 5G 연결에서 웹사이트 로딩을 기다리는 동안 잃게 되는 수명을 파악하세요. 사이트 무게의 실제 영향을 계산합니다.
Excel 또는 CSV 데이터를 깨끗하고 의미 있는 HTML 테이블로 즉시 변환하세요. 개발자와 콘텐츠 제작자를 위한 무료 도구입니다.