ColorFont
웹 개발 워크플로우를 간소화하세요
색상, 글꼴 등을 검사하는 데 필요한 모든 기능을 갖춘 도구 모음
기능
여러 확장 프로그램을 하나로 통합하여 워크플로를 간소화하세요.
색상을 추출하고 색상 시스템을 구축합니다.
각 페이지의 접근성을 확인하세요
타이포그래피 시스템을 코드로 내보내기
타이포그래피 시스템 생성
무료 도구
그라디언트 메이커
저희 무료 온라인 도구를 사용하여 멋진 CSS 그라디언트를 만들어 보세요. 사용자 지정 색상과 각도로 선형, 방사형, 원뿔형 그라디언트를 생성할 수 있습니다.
박스 섀도우 생성기
저희가 제공하는 무료 온라인 도구를 사용하여 멋진 CSS 박스 그림자를 만들어 보세요. 오프셋, 흐림, 확산, 색상 및 인셋(inset) 옵션을 사용하여 사용자 지정 그림자를 생성할 수 있습니다.
색상 음영 생성기
단일 색상에서 다양한 색조와 명암을 생성합니다. 생성된 색상 스케일을 CSS, Tailwind, SwiftUI 또는 CSS 변수로 내보낼 수 있습니다. 빠르고 개발자 중심적인 도구입니다.
그라디언트 아치 생성기
저희 무료 도구를 사용하여 CSS 그라디언트 아치를 만들어 보세요. 사용자 지정 색상과 위치로 아름다운 아치 모양을 형성하는 방사형 및 타원형 그라디언트를 생성할 수 있습니다.
개발자를 위해 제작되었습니다
더 많은 기능을 사용하려면 Pro로 업그레이드하세요.
이미지에서 가장 흔한 색상을 찾아보세요
각 페이지의 접근성을 확인하세요
이미지 정보와 alt 태그를 검사하세요.
SEO 순위에 악영향을 미칠 수 있는 오류가 있는지 확인하세요.
페이지의 일반적인 요소를 강조 표시하세요.
메타 태그 및 Open Graph 정보를 확인하세요.
더 나은 웹 개발을 위해 필요한 모든 것
+ 개발자 도구
클릭 한 번으로 SVG 파일을 다운로드하거나 복사하세요.
PNG, JPG, WebP 이미지 형식 간 변환
페이지의 제목 태그를 검사하세요.
Pricing
Basic
Free
forever
Install on ChromeFor those getting started and learning ColorFont
- Color Selector
- Color System Export
- Font Selector
- Manual Color/Font Addition
- Basic Palette Generation
- Color/Font Collections
- Basic Accessibility Checker
🚀 Special Beta Pricing - Save 56%
Pro
$25 $11
billed once yearly
Log in to Manage Your AccountFor solo shops wanting all features.
- Everything in Basic
- Website Color Scanning
- Image Color Extraction
- Advanced Palette Generation
- Page Accessibility Analysis
- SEO Analysis & Reports
- Div/Element Highlighting
- Image Converter (PNG/JPG/WebP)
- More Features Coming Soon