すべてのツールとプロジェクトに、高速・最適化された状態でひとつの場所からアクセスできます。
APCAとWCAG 3.0であなたのデザインの実際のコントラストを確認しましょう。フォントの太さとサイズが可読性に与える影響を分析できます。単純な比率から知覚的な読みやすさまで対応。
視覚的な読みやすさは、数学だけではありません。光と影があなたの目と交わる感覚です。
WordPress、Notion、またはご自身のサイト向けに、カラーとダークモードをカスタマイズできます。
APCAは、WCAG 3.0向けに開発された「Advanced Perceptual Contrast Algorithm（高度知覚コントラストアルゴリズム）」です。従来の単純な比率とは異なり、APCAは人間の脳がコントラストを知覚する仕組みを数学的にモデル化しており、極性（明るい背景 vs 暗い背景）やフォントのサイズ・ウェイトを考慮しています。
Lc（Lightness Contrast）はAPCAが算出するコントラスト値です。100が理想的な最大コントラストを示し、60を下回ると連続する文章テキストには問題があるとされます。これは知覚の絶対スケールです。
細いフォント（ThinやLight）は読みやすくするためにより高いコントラストが必要です。APCAは低ウェイトのフォントに対してより厳しい基準を設けており、WCAG基準をウェイト100のフォントで通過したデザインでも実際には読みにくい場合があります。
はい。すべての計算はブラウザ上でローカルに実行されます。分析した色や設定がサーバーに送信されることはなく、デザインプロジェクトのプライバシーは完全に守られます。
https://www.w3.org/WAI/standards-guidelines/wcag/wcag3-intro/
https://apcaw3.myndex.com/
https://developer.mozilla.org/ja/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast
JSONコードの整形、検証、修復を行う無料オンラインツール。JSONを美しく整形します。構文エラーを検出し、コードの可読性を向上させます。
SVGアイコンやベクトルをCSSコード（背景またはマスク）や圧縮されたData URIに変換します。外部HTTPリクエストを排除し、ウェブサイトのパフォーマンスを最適化します。
グラフィックの歪みを防ぐために、正確な比率を維持したまま画像、ビデオ、Webデザインの新しい解像度を計算します。16:9、4:3、21:9、およびカスタム形式をサポートしています。
ウェブデザイン用のカスタムプレースホルダー画像を作成できます。解像度・背景色・テキストを自由に調整し、PNG・WebP・JPEGで即時エクスポート。
あらゆるリンクの特殊文字を安全な形式（パーセントエンコーディング）に変換、または元の読み取り可能な状態に即座にローカルで復元します。
重複したCSSコードを無料でクリーンアップできるツール。冗長なセレクターを統合し、カスケードを維持しながら、ブラウザ上でファイルサイズを即座に削減します。
スタイルシートやCSSクラスを、HTML内に直接埋め込まれたインラインスタイルへ自動変換します。ニュースレター、トランザクショナルメール、安定したWebレイアウトに最適です。
CSSセレクターの詳細度と正確な重みを計算します。どのCSSルールがカスケードで勝つかを視覚的に確認でき、!importantの乱用を防ぐのに役立つツールです。
LinuxのCronエクスプレッションを生成するための無料のビジュアルツールです。「* * * * *」を人間が理解できる言葉に翻訳し、次回の実行日時5件をリアルタイムで表示します。
キーボードの任意のキーの event.key、event.code、event.which、およびロケーションをリアルタイムで確認できる無料のオンラインツール。すぐに使えるJavaScriptコードスニペットを生成します。
LLM APIの呼び出しコストを無料で試算できるオンラインツールです。GPT-4o、Claude、Gemini、Llamaなどを、100万トークンあたりの実際の料金で比較できます。
音楽的比率に基づくモジュラースケールで、調和のとれた視覚的階層を作成できる無料オンラインツール。Webデザインにすぐ使える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テーブルに即座に変換します。開発者やコンテンツ作成者のための無料ツールです。