CSS・図形
CSSフィルター生成
画像の色味やぼかしを調整してCSSを生成します。
Web制作ツールボックス
目的の道具をすぐに探す
現在32件が利用可能です。名前、用途、「画像が重い」などの悩みから検索できます。
ツールを検索
名前、用途、悩み、形式から探せます。
32件のツールが見つかりました。
色・デザイン
画像から配色を抽出
画像の主要色を抽出し、クリックで採色します。
コード・データ
テキスト差分比較
文章・コードの変更箇所を比較します。
CSS・図形
CSSアニメーション生成
動きを確認してCSSを生成します。
色・デザイン
日本語タイポグラフィ調整
文字組みを確認してCSSを生成します。
色・デザイン
背景パターン生成
模様を調整してCSS・SVGを生成します。
CSS・図形
Grid・Flexレイアウト生成
配置を調整してHTML・CSSを生成します。
CSS・図形
CSSシャドウ生成
影を調整してCSSを生成します。
コード・データ
tableタグジェネレーター
表を編集し、HTMLとCSSを生成します。
チェック
文字数カウント
文字数・空白除外・行数をリアルタイムで確認します。
コード・データ
改行削除
改行の削除・スペース置換・段落の整理を行います。
チェック
人日単価計算
金額・人数・日数から人日単価や時間単価を計算します。
画像
画像一括最適化
複数画像を端末内で軽量化・変換します。
画像
SVG最適化・整形
複数のSVGを安全化・軽量化して保存します。
ジェネレーター
OGP・SNSプレビュー
SNSでの見え方を確認してメタタグを生成します。
画像
favicon一式生成
各端末向けのサイトアイコンをまとめて生成します。
チェック
title・description確認
検索結果のタイトルと説明文を確認します。
チェック
見出し構造確認
H1〜H6の階層と問題を可視化します。
コード・データ
JSON-LD生成・検証
構造化データをフォームから安全に生成します。
コード・データ
コード圧縮・整形
HTML・CSS・JavaScript・JSON・Pythonを圧縮・整形します。
色・デザイン
コントラストチェッカー
配色のWCAG適合度と改善候補を確認します。
CSS・図形
CSS clamp生成
画面幅に応じた滑らかなCSS値を生成します。
コード・データ
picture・srcset生成
レスポンシブ画像のHTMLを生成します。
CSS・図形
clip-pathジェネレーター
頂点を動かしてCSSの切り抜き図形を作成します。
セキュリティ
htpasswdジェネレーター
Basic認証用のbcryptハッシュを端末内で生成します。
セキュリティ
安全なパスワード生成
暗号学的に安全な乱数で強固なパスワードを生成します。
色・デザイン
カラーパレット生成
基準色から色彩理論に沿った配色を生成します。
色・デザイン
CSSグラデーション生成
色と方向を見ながら実装用グラデーションを作成します。
コード・データ
Base64変換
画像・ファイル・テキストをBase64へ変換・復元します。
CSS・図形
Squircleジェネレーター
滑らかな角を持つSquircleをCSS・SVGで生成します。
ジェネレーター
QRコード生成
URLやWi-Fi情報からQRコードを端末内で生成します。
CSS・図形
アスペクト比・デザイン比率
アスペクト比、黄金比、大和比などを視覚的に確認します。