Aller au contenu principal

    Cookieを䜿甚しおいたす

    より良い䜓隓を提䟛するためにCookieを䜿甚しおいたす。閲芧を続けるず、その䜿甚に同意したこずになりたす。

    詳现は Cookie ず プラむバシヌ

    WCAGアナラむザヌ

    パレットのWCAG準拠を分析したす。 WCAGアナラむザヌを登録䞍芁で無料利甚。ブラりザ内で高速か぀安党に凊理したす。

    Palette to analyze

    Contrast matrix

    Primary
    Secondary
    Background
    Text
    Muted
    Primary
    		—
    1.15
    Fail
    3.68
    AA-L
    3.98
    AA-L
    1.29
    Fail
    Secondary
    1.15
    Fail
    		—
    4.23
    AA-L
    3.45
    AA-L
    1.12
    Fail
    Background
    3.68
    AA-L
    4.23
    AA-L
    		—
    14.63
    AAA
    4.76
    AA
    Text
    3.98
    AA-L
    3.45
    AA-L
    14.63
    AAA
    		—
    3.07
    AA-L
    Muted
    1.29
    Fail
    1.12
    Fail
    4.76
    AA
    3.07
    AA-L
    		—

    WCAG 2.1 Legend

    AAA

    Level AAA

    Ratio ≥ 7:1 - Excellence

    AA

    Level AA

    Ratio ≥ 4.5:1 - Standard

    AA-L

    AAラヌゞ

    Ratio ≥ 3:1 - Large text

    Fail

    Fail

    Ratio < 3:1 - Non-compliant

    WCAGアナラむザヌはブラりザ䞊で色を扱うためのツヌルです。

    デザむナヌ、開発者、クリ゚むタヌが玠早く信頌できる結果を埗られるよう蚭蚈されおいたす。

    Supported formats

    Palette
    HEX
    CSS Variables
    JSON

    How it works

    1

    Step 1

    WCAGアナラむザヌを開く

    2

    Step 2

    色を入力たたはむンポヌトする

    3

    Step 3

    結果をコピヌ、゚クスポヌト、再利甚する

    避けるべき䞀般的な゚ラヌ

    • コントラスト確認を忘れるず読みやすさが䜎䞋したす。
    • 色を䜿いすぎるずパレットが扱いにくくなりたす。

    プロのヒント

    • 䞻芁色はCSS倉数ずしお保存したしょう。
    • 公開前にラむトモヌドずダヌクモヌドで確認したしょう。

    Privacy guaranteed: everything is processed locally in your browser.

    可胜な堎合、凊理はブラりザ内でロヌカルに行われたす。アカりントは䞍芁です。

    色プロゞェクトのためのWCAGアナラむザヌ

    パレットのWCAG準拠を分析したす。

    粟床を倱わないWCAGアナラむザヌ

    倉換ず蚈算は正確な倀HEX、RGB、HSL、OKLCHで行われたす。芖芚的な近䌌はなく、デザむン意図に忠実な色が埗られたす。

    無料で䜿えるWCAGアナラむザヌ

    登録も゜フトのダりンロヌドも䞍芁。WCAGアナラむザヌは100%無料で、どんなブラりザでもご利甚いただけたす。無料プランには1日10回の利甚が含たれたす。

    高速か぀安党なWCAGアナラむザヌ

    凊理はブラりザ内で盎接行われ、最倧速床を実珟したす。デヌタはサヌバヌに送信されず、色ずファむルはお䜿いの端末に保持されたす。

    共有ずコラボレヌションのためのWCAGアナラむザヌ

    結果をHEX、RGB、HSL、CSS、JSONずしお゚クスポヌトしたり、ワンクリックでコピヌできたす。チヌムでのカラヌガむド共有やデザむンシステムの文曞化に最適です。

    すべおのカラヌツヌルを芋る

    抜出、倉換、パレット、グラデヌション、WCAGコントラストをわずか数クリックで。

    すべおのツヌルを芋る

    Related tools

    カラヌコントラスト
    テキスト読みやすさ
    色芚シミュレヌタヌ
    パレット゚クスポヌト

    ガむドずチュヌトリアル

    詳现なガむドでツヌルの䜿い方を孊びたしょう。

    wcag-analyzeraccessibilityの実践ガむド

    wcag-analyzerの䜿い方、accessibilityのベストプラクティス、よくあるミスを孊べるロヌカラむズ枈みガむド。

    wcag-analyzeraccessibilityの実践ガむド

    wcag-analyzerの䜿い方、accessibilityのベストプラクティス、よくあるミスを孊べるロヌカラむズ枈みガむド。

    wcag-analyzerexportの実践ガむド

    wcag-analyzerの䜿い方、exportのベストプラクティス、よくあるミスを孊べるロヌカラむズ枈みガむド。

    Frequently asked questions

    はい、オンラむンで無料で利甚できたす。

    可胜な堎合、デヌタ保護のため凊理はブラりザ内で行われたす。