デザインツール

アイコンのライブ プレビューを使用して CSS フィルター値を作成する, カード, 画像, ホバー状態, そして視覚的な実験.

キーワードまたは 16 進数で一般的な名前付き色を検索し、一致する色見本をすばやく比較します.

選択した比率で 2 つの色をブレンドし、16 進数と RGB でコピー可能な混合結果を取得します。.

カード用のグリッド コンテナ CSS を構築する, ギャラリー, ダッシュボード, 機能リスト, ブラウザで直接レイアウトを実験することもできます.

行のフレックスボックスコンテナ設定を生成する, 列, ラップされたアイテムグループ, ボタン, カード, および応答セクション.

四隅すべてを個別に制御して、カードの丸みを帯びた形状を作成します, バッジ, タイル, およびコンポーネントブロック.

オフセットを調整する, ぼかし, 広める, 不透明度, インターフェイス要素のコピー準備ができた CSS シャドウを構築するためのインセット設定.

ランディングセクションのクイック CSS グラデーションを生成する, コールアウト, ボタン, カード, オーバーレイ, そしてブランドビジュアル.

Format raw CSS into readable blocks or compress it into a smaller version for quick copying and cleanup.

読みやすい UI テキストの前景色と背景色のコントラストを確認する, ボタン, カード, アクセシブルなコンテンツのデザイン.