Toolverse

ケースコンバーター

テキストを文字ケース間で瞬時に変換 — uppercase、lowercase、title、sentence、camelCase、snake_case など。1クリックで任意の結果をコピー。

Text colour
Background colour
The quick brown fox
Contrast ratio17.40:1
AA normal textPass
AA large textPass
AAA normal textPass
AAA large textPass

使い方

ケース変換とは、基になるコンテンツを変更することなく、異なる大文字と単語の結合ルールを使用して同じ単語を書き直すことを意味します。1つのフレーズは、その文字がどのように大文字化され、その単語がどのように分離されるかを変更するだけで、見出し、変数名、スプレッドシート列、またはURLスラッグなど、12の異なるコンテキストに対して形を変えることができます。このツールは入力を10個すべての一般的なケースに変換するため、どちらが合うかをコピーできます。

文「the quick brown fox jumps.」を考えてください。UPPERCASEに変換すると THE QUICK BROWN FOX JUMPS になり、lowercase に変換すると the quick brown fox jumps のままです。Title Case はすべての単語を大文字化します — The Quick Brown Fox Jumps — Sentence case は最初の文字のみを大文字化します:The quick brown fox jumps。プログラミングケースはスペースを完全に削除します:camelCase は theQuickBrownFoxJumps を生成します(最初の単語は小文字、その後の各単語は大文字化)、PascalCase は TheQuickBrownFoxJumps を生成します(すべての単語が大文字化)、snake_case は the_quick_brown_fox_jumps を生成し、kebab-case は the-quick-brown-fox-jumps を生成し、CONSTANT_CASE は THE_QUICK_BROWN_FOX_JUMPS を生成します。aLtErNaTiNg ケースは単語の境界に関係なく文字ごとに交互に配置されます:tHe QuIcK bRoWn FoX juMpS。

各ケースは通常、特定の世界に属しています。ライターと編集者は見出しや本のタイトルで Title Case に到達し、本文とキャプションで Sentence case に到達します。プログラマーは JavaScript 変数と関数名に camelCase を使用し、クラスとコンポーネント名に PascalCase を使用し、Python 変数とデータベースまたは CSV 列ヘッダーに snake_case を使用します。kebab-case は URL スラッグ、CSS クラス名、コマンドラインフラグに常に表示されます。CONSTANT_CASE は、実行時に変更してはいけない構成値と環境変数を標記し、ソースコードで一目でわかりやすくします。

テキストを正しく分割するために、コンバーターはスペース、句読点、既存の camelCase 境界を探します — theQuickBrownFox を貼り付けると、1つの単語として扱うのではなく、4つの単語に分割されます。変換は元の入力を変更しません。各結果ボックスに表示されるコピーのみを変更するため、すべてのケースを試して、もう一度入力することなく必要なものをコピーできます。

使用例

  • Black (#000) on white (#fff) gives the maximum 21:1 ratio.
  • #767676 grey on white is exactly 4.5:1 — the AA minimum for body text.
  • Large headings only need 3:1 to pass AA.

よくある質問

What contrast ratio do I need?
WCAG AA needs 4.5:1 for normal text and 3:1 for large text. AAA needs 7:1 and 4.5:1. AA is the common legal and design baseline.
What counts as large text?
Roughly 18.66px and bold, or 24px and up regardless of weight. Large text has a lower contrast requirement because it is easier to read.
How is the ratio calculated?
From each colour's relative luminance: (lighter + 0.05) ÷ (darker + 0.05). Luminance weights red, green and blue by how the eye perceives them.
Does it check colour blindness?
Contrast ratio helps everyone including many colour-blind users, but it does not replace testing that information is not conveyed by colour alone.