Color system generator– category –
グラデーションを活用したカラー系ジェネレーター
-
背景にストライプ柄(縦・横・斜め)が作れるCSSジェネレーター
Stripe Background Generator Preview CSS Code Copy CSS ストライプの方向 縦線 (90°) 横線 (0°) 斜線 (右下 -45°) 斜線 (左下 45°) ストライプの幅 (px) 10px カスタム角度 (°) -45° ストライプの色 #ffae00 背景色 #fce6ba このジェネレーターを使えば、CSSだけで背景にストライプ柄を簡単に作成できます!横線・縦線・斜め線を選択し、線の太さ・間隔・色・角度 などをカスタマイズできるので、好みのデザインを簡単に設定できます。 ストライプ柄ジェネレーターとは? CSSの linear-gra... -
作成されたグラデーションを選んで編集 CSSグラデーションジェネレーター
レッド系 ブルー系 グリーン系 オレンジ系 パープル系 ブラウン系 日本の伝統色 ゴールド系 ボタン色(CTA) 角度 (°)は、-180~180度を指定 0° 色1: #ff7eb3 色2: #ff758c CSSコード background: linear-gradient(45deg, #ff7eb3, #ff758c); CSSをコピーする -
Webでよく使われるプリセットから選んでカスタマイズできるボーダーデザインジェネレーター
プレビューエリア Solid Dashed Dotted Double Groove Ridge Inset Outset Radius Rounded Dotted Rounded Dashed ボーダー幅 (px): ボーダーカラー: ボーダースタイル: Solid Dashed Dotted Double Groove Ridge Inset Outset ボーダー半径 (px): CSSコード border: 2px solid #000; border-radius: 0px; CSSコードをコピー ウェブデザインにおいて「ボーダー(境界線)」は、要素の強調や視覚的な整理に欠かせない要素です。「ボーダーデザインジェネレーター」では、Webでよく使われるプリセットデザインを選択...
1