完全無料登録不要ローカル完結

WCAG配色コントラスト検証・CSS設計に最適な無料ローカルブラウザスタジオ

色モデルの変換、CSS スケールの作成、パレットの抽出、WCAG・APCA コントラストの確認ができます。 画面上の共通ラベルは、対応する訳語があれば日本語で表示されます。専門的なフィールドやメッセージの一部は英語のままの場合があります。形式名やコードは変更されません。 すべての解析・変換処理はお使いの端末のブラウザメモリ内で標準Web APIにより実行され、外部サーバーへは一切送信されません。

#1 · 色・パレット・コントラストスタジオ

スタジオを開く

色モデルの変換、CSS スケールの作成、パレットの抽出、WCAG・APCA コントラストの確認ができます。

主な技術的強み

  • 色モデルの変換、CSS スケールの作成、パレットの抽出、WCAG・APCA コントラストの確認ができます。
  • 処理方法やネットワーク通信は、ツールと使う機能によって異なります。センシティブなデータを入力する前に、ワークスペース内の表示とプライバシーポリシーをお読みください。
  • 画面上の共通ラベルは、対応する訳語があれば日本語で表示されます。専門的なフィールドやメッセージの一部は英語のままの場合があります。形式名やコードは変更されません。

#2 · CSS Grid・Flexbox・流動タイポスタジオ

スタジオを開く

CSS グリッド、Flexbox レイアウト、流動的な文字サイズ、レスポンシブな間隔を試作できます。

主な技術的強み

  • CSS グリッド、Flexbox レイアウト、流動的な文字サイズ、レスポンシブな間隔を試作できます。
  • 処理方法やネットワーク通信は、ツールと使う機能によって異なります。センシティブなデータを入力する前に、ワークスペース内の表示とプライバシーポリシーをお読みください。
  • 画面上の共通ラベルは、対応する訳語があれば日本語で表示されます。専門的なフィールドやメッセージの一部は英語のままの場合があります。形式名やコードは変更されません。

よくある質問(FAQ)

本当に完全無料でアカウント登録も不要ですか?

はい。ログインや課金、強制的な透かし追加は一切なく、すべての機能を無料で利用できます。

ファイルや入力テキストが外部サーバーに送信されることはありますか?

いいえ。すべてのデータはブラウザのタブ内メモリでのみ処理され、外部へ送信・保存されることはありません。

すべてのツールは完全にブラウザー内で動作しますか?

いいえ。処理方法はツールと使う機能によって異なります。ワークスペース内の表示とプライバシーポリシーをご確認ください。Web ページだからといって、処理場所を判断しないでください。

☕ サポートする