ジェネレーターとデザイン
37 ツール · 無料オンラインツール
カラーツール
カラーフォーマットを変換し、パレットを生成。
CSS グラデーションジェネレーター
ライブプレビュー付きで CSS グラデーションを生成。
QR コードジェネレーター
テキストや URL から QR コードを生成。
ASCII アートジェネレーター
テキストを ASCII アートに変換。
トークン見積もりツール
テキストの LLM トークン数を見積もり。
WiFi QR コードジェネレーター
WiFi ネットワークに接続する QR コードを生成。
Lorem Ipsum ジェネレーター
Lorem Ipsum プレースホルダーテキストを生成。
カラーシェード
任意の色のティントとシェードを生成。
UUID v7 ジェネレーター
時刻順ソートの UUID バージョン 7（RFC 9562）識別子を生成。
PEM 証明書パーサー
PEM 形式から X.509 証明書を解析しフィールドを確認。
バーコードジェネレーター
CODE128/EAN/UPC バーコードを PNG/SVG で生成。
Data Matrix コードジェネレーター
Data Matrix 2D コード（方眼ドットグリッド）を生成。
Aztec コードジェネレーター
Aztec 2D コードを生成、チケットでよく使用。
PDF417 バーコードジェネレーター
大容量データ対応の PDF417 積み上げバーコードを生成。
カラーパレットジェネレーター
シードカラーから補色/類似色/三色パレットを生成。
CSS Box Shadow 生成器
box-shadow CSS を視覚的に生成しライブプレビュー。
CSS Border Radius 生成器
四隅の半径を視覚的に調整して CSS を生成。
Flexbox 生成器
flexbox レイアウト CSS を視覚的に生成。
CSS Grid 生成器
ドラッグで grid-template レイアウト CSS を生成。
CSS Transform 生成器
translate/rotate/scale/skew を視覚的に生成。
CSS アニメーション生成器
キーフレームを視覚的に編集し @keyframes を生成。
CSS Text Shadow 生成器
多層 text-shadow CSS を生成。
プレースホルダー画像生成器
カスタムサイズ/色/テキストのプレースホルダー画像を生成。
アバター生成器
文字列から identicon 幾何学アバターを生成。
ストライプパターン生成器
方向調整可能な SVG/Canvas ストライプパターンを生成。
ドットパターン生成器
ドットグリッド背景パターンを生成し SVG をエクスポート。
ノイズパターン生成器
Perlin/ランダムノイズテクスチャ画像を生成。
画像から配色抽出
画像から主要色を抽出してパレットを生成。
スケルトンローダー生成器
スケルトンスクリーンのローディングアニメ CSS を生成。
Glassmorphism 生成器
すりガラス効果の CSS（ブラー + 透明度）を生成。
Neumorphism 生成器
ニューモーフィック UI スタイルの CSS を生成。
CSS Clip-Path 生成器
パスを視覚的に描画して clip-path を生成。
Cubic Bezier 生成器
ベジェ曲線を視覚的に調整してイージング関数を生成。
CSS Easing 生成器
CSS transition-timing-function を生成しプレビュー。
Tailwind カラーファインダー
ある色に最も近い Tailwind カラーパレットクラスを検索。
Material カラーピッカー
Material Design カラーパレットピッカー、色値を出力。
多角形シェイプ生成器
多角形/星形の SVG と clip-path を生成。