Color system generator– category –
グラデーションを活用したカラー系ジェネレーター
-
コントラスト比で迷わない！色の組み合わせチェック＆保存ツールを公開しました
本文(小)12pxで表示されます 本文(中)16pxは、一般的なWEBサイトに使われている文字のサイズです。 見出し(中)24pxは、h2要素 見出し(大)32pxは、h1要素 ● ■ ◆ ▲ 文字色を変更（現在の色は:#FF0000） 背景色を変更（現在の色は:#000000） 現在のコントラスト比: コントラスト基準： 通常の文字 (4.5以上) 大きな文字・図形 (3.0以上) 小文字(12px)は 中文字(16px)は 大文字(24px)は *AA基準では、小文字・中文字サイズが4.5以上が合格 *AA基準では、大サイズが3.0以上が合格 CSSコード: コードをコピー コン... -
No Image画像をサクッと生成！ダミー画像ジェネレーター【無料ツール】
Web制作の途中で「画像がまだない」「仮の画像が欲しい」とき、よくありますよね？そんなときに便利なのが「ダミー画像（プレースホルダー画像）」 今回は 簡単にダミー画像を作れるジェネレーター をご紹介します！ 画像サイズを自由に指定（幅・高さ） 背景色と文字色が選べる 表示テキストも自由に 画像はリアルタイムでプレビュー URLとHTMLコードをコピーしてすぐ使える 画像URLをHTMLで使う例 <img src="https://dummy.kobeya.com/?width=400&height=300&bg=cccccc&color=000000&text=No... -
背景にストライプ柄（縦・横・斜め）が作れる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