色と CSS デザイン
CSS グラデーション・影・アニメーションスタジオ
グラデーション、影、フィルター、変換、CSS アニメーションをプレビュー付きで作成します。
ツールを見る色と CSS デザイン
色・パレット・コントラストスタジオ
色モデルの変換、CSS スケールの作成、パレットの抽出、WCAG・APCA コントラストの確認ができます。
要点
色モデルの変換、CSS スケールの作成、パレットの抽出、WCAG・APCA コントラストの確認ができます。
主な機能
色モデルの変換、CSS スケールの作成、パレットの抽出、WCAG・APCA コントラストの確認ができます。
このツールの使い方
- 画面の指示に従って、必要なテキストやファイルを入力または読み込みます。
- タスクに合うオプションを選び、設定を確認します。
- コピーまたは書き出しの前に、結果をよく確認します。
インタラクティブなワークスペース
画面上の共通ラベルは、対応する訳語があれば日本語で表示されます。専門的なフィールドやメッセージの一部は英語のままの場合があります。形式名やコードは変更されません。
インタラクティブなスタジオは、開いたときに読み込まれます。
プライバシーと制限
処理方法やネットワーク通信は、ツールと使う機能によって異なります。センシティブなデータを入力する前に、ワークスペース内の表示とプライバシーポリシーをお読みください。
できること、対応形式、現実的なサイズ上限は、ツール・ブラウザー・メモリー・デバイスによって異なります。元のファイルは取っておき、使用前に必ず結果を確認してください。
関連ツール
色と CSS デザイン
CSS Grid・Flexbox・流動タイポスタジオ
CSS グリッド、Flexbox レイアウト、流動的な文字サイズ、レスポンシブな間隔を試作できます。
ツールを見る