# デザイン

ASCII アート テキストを大きな ASCII 文字に変換します。 デザイン

画像トリミング ドラッグで範囲を選んで画像を切り抜き、ブラウザ上でダウンロードできます。 デザイン SVGをPNGに SVG ベクターグラフィックを PNG にレンダリングします。 デザイン 透かし追加 画像にテキストまたはタイル状の透かしを追加します。 デザイン 角丸加工 画像に角丸を追加します。 デザイン 枠線追加 画像に単色の枠線を追加します。 デザイン 画像をASCIIに 画像を ASCII アートに変換します。 デザイン 画像コラージュ 写真をグリッドコラージュに組み合わせます。 デザイン 画像重ね合わせ 2 枚の画像を 1 枚に重ね合わせます。 デザイン

色変換 色を HEX / RGB / HSL 間で変換します。 デザイン

グラデーション生成 線形／放射 CSS グラデーションをライブプレビュー付きで生成します。 デザイン フォントプレビュー テキストを入力し、フォントファミリーを切り替えてライブプレビューします。 デザイン アイコン検索 Tabler アイコンを検索し、SVG をワンクリックでコピーします。 デザイン カラーパレット生成 ベースカラーから調和の取れたパレット（類似／補色）を作成します。 デザイン モックアップ生成 URL やスクリーンショットをデバイスモックアップ枠にドロップしてプレビューします。 デザイン コントラストチェック 背景に対する文字の WCAG コントラストをチェックします。 デザイン box-shadow生成 CSS box-shadow をビジュアルに作成します。 デザイン text-shadow生成 CSS text-shadow を作成します。 デザイン 角丸 CSS border-radius の CSS を生成します。 デザイン CSS ボタン ボタンのスタイルを生成します。 デザイン CSS カード カードのスタイルを生成します。 デザイン CSS アニメーション キーフレームアニメーションを生成します。 デザイン フォントペア 見出し／本文のフォントペアを提案します。 デザイン 色混合 2 色を比率でブレンドします。 デザイン 補色 補色スキームを生成します。 デザイン 類似色 類似色スキームを生成します。 デザイン トライアド配色 トライアド配色を生成します。 デザイン モノクロ モノクロームスケールを生成します。 デザイン Material パレット Material パレットを生成します。 デザイン CSS Grid CSS grid レイアウトを生成します。 デザイン Flexbox flexbox レイアウトを生成します。 デザイン スペーシングスケール 4pt スペーシングスケールを生成します。 デザイン タイポスケール モジュラータイポグラフィスケールを生成します。 デザイン ロゴモックアップ ロゴをオブジェクトにモックアップします。 デザイン ブラウザモックアップ ウェブサイトをブラウザにモックアップします。 デザイン SNS モックアップ SNS 投稿をモックアップします。 デザイン 色覚シミュレーター 色覚異常のタイプをシミュレートします。 デザイン SVG プレースホルダー テキスト入りの SVG プレースホルダーを生成します。 デザイン Create beautiful glassmorphism effects with customizable background, blur, opacity, border, and radius. デザイン Easily create CSS transition effects with customizable property, duration, timing function, and delay. デザイン Generate CSS cursor styles with a variety of cursor types and custom selectors. デザイン Create a custom scrollbar style with adjustable width, colors and border radius. デザイン Create random organic blob shapes with customizable seed, points and radius range. デザイン Create a wave SVG background with customizable colors and dimensions. デザイン Create custom pattern backgrounds with CSS code. デザイン