色と CSS デザイン
色・パレット・コントラストスタジオ
色モデルの変換、CSS スケールの作成、パレットの抽出、WCAG・APCA コントラストの確認ができます。
ツールを開くツールコレクション
色・アクセシビリティ・CSS のスタジオ
色とコントラストを比較し、グラデーションや影を作り、Grid、Flexbox、流動レイアウトを組み立ててください。コントラスト検査の結果は、選択した規格に依存し、完全なアクセシビリティ監査の代わりにはなりません。
色の探索、コントラストの確認、グラデーション・影・CSS レイアウトの設計のためのスタジオ。
このコレクションのツール
4 個のツール
対象カテゴリー
デザイン・CSS ツールについての質問
カラースタジオは WCAG と APCA のコントラストを確認できますか？
カラースタジオのページに、利用できる方法と指標を記載しています。選択したモードを確認し、使用状況に合わせて結果を解釈してください。
コントラスト検査に合格していれば、アクセシビリティが保証されますか？
保証されません。検査結果は、選んだ基準での目安です。実環境まで含めた完全な監査の代わりにはなりません。
WCAG と APCA の結果が異なるときはどう読めばいいですか？
二つは基準と計算方法が違います。用途に合う基準を選び、実際の使用環境に合わせて判断してください。
生成した CSS をそのまま公開して大丈夫ですか？
試作用のコードです。実際のサイトに適用する前に、対象のブラウザー環境で表示を確認してください。
関連コレクション
タスクの種類からツールを見つけられます。
すべてのツールを見る