ColorFont
ウェブ開発ワークフローを簡素化する
色、フォントなどを検査するためのオールインワンツールボックス
機能
複数の拡張機能を1つに統合してワークフローを効率化しましょう
色を取得して色体系を構築する
各ページのアクセシビリティを確認する
タイポグラフィシステムをコードにエクスポートする
タイポグラフィシステムを作成する
無料ツール
グラデーションメーカー
無料のオンラインツールで、魅力的なCSSグラデーションを作成しましょう。カスタムカラーと角度で、直線、放射状、円錐状のグラデーションを生成できます。
ボックスシャドウジェネレーター
無料のオンラインツールを使って、魅力的なCSSボックスシャドウを作成しましょう。オフセット、ぼかし、広がり、色、インセットなどのオプションで、カスタムシャドウを生成できます。
カラーシェードジェネレーター
単一の色から濃淡を生成できます。カラースケールを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