ケースコンバーター
テキストを文字ケース間で瞬時に変換 — uppercase、lowercase、title、sentence、camelCase、snake_case など。1クリックで任意の結果をコピー。
使い方
ケース変換とは、基になるコンテンツを変更することなく、異なる大文字と単語の結合ルールを使用して同じ単語を書き直すことを意味します。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つの単語に分割されます。変換は元の入力を変更しません。各結果ボックスに表示されるコピーのみを変更するため、すべてのケースを試して、もう一度入力することなく必要なものをコピーできます。
使用例
- 白(#fff)に黒(#000)を組み合わせると最大の21:1になります。
- 白地にグレー(#767676)はちょうど4.5:1 — 本文テキストのAA最低基準です。
- 大きい見出しはAA合格に3:1あれば十分です。
よくある質問
- 必要なコントラスト比はどのくらいですか?
- WCAG AAでは通常テキストで4.5:1、大きいテキストで3:1が必要です。AAAでは7:1と4.5:1です。AAが一般的な法的・デザイン上の基準です。
- 大きいテキストとは何ですか?
- おおよそ18.66px以上の太字、または太さに関わらず24px以上です。大きいテキストは読みやすいため、コントラスト要件が低くなっています。
- 比率はどう計算されますか?
- 各色の相対輝度から算出されます: (明るいほう + 0.05) ÷ (暗いほう + 0.05)。輝度は、目が赤・緑・青をどう知覚するかに応じて重み付けされます。
- 色覚異常のチェックはできますか?
- コントラスト比は多くの色覚異常の方を含め、誰にとっても役立ちますが、色だけで情報を伝えていないかのテストの代わりにはなりません。