REPOP WEBツール集
ブラウザだけで完結する便利なWEBツール、WEBアプリが沢山あります
CSSのtext-shadowを使って、ネオンのように発光する文字を作成するCSSジェネレーターです。
プレビュー
<span class="neon-text">{{text}}</span>.neon-text {
font-size: {{size}}px;
color: {{color_text}};
text-shadow:
{{shadow_value}};
}text-shadow を複数重ねることで、ネオンのようなきらびやかな発光表現を作成します。text-shadowプロパティを複数重ねることでネオンの発光を表現しています。
ぼかしが小さい影（文字の輪郭）から、ぼかしが大きい影（広がる光）へと段階的に重ねることで、中心が明るく周囲がぼんやり光るリアルなネオン効果を作り出しています。
カラーピッカーツール
美しいカラーパレットから色を選んでコピー。HEX, RGB, RGBA、カラーネームに対応。
透過グラデーションテキストのCSS作成ツール
テキストに透明になるグラデーションを作成できるCSSジェネレーターです。方向や間隔も調整可能。
テキストグラデーションのCSS作成ツール
テキストに2色または3色の美しいグラデーションをかけるCSSを簡単に作成できるCSSジェネレーターです。
二重縁取りテキストのCSS作成ツール
CSSのtext-strokeと擬似要素を使って、文字に二重の縁取り（ボーダー）を作成するCSSジェネレーターです。
白抜き文字（袋文字）のCSS作成ツール
文字の中を透明にしたり、指定色で塗りつぶした縁取り文字（アウトラインテキスト）を作成するCSSジェネレーターです。
マウスホバーで下線が広がるCSS作成ツール
リンクにマウスを乗せた際、中央から左右にアニメーションしながら下線が広がるCSSジェネレーターです。
テキスト選択時のスタイルを指定するCSS作成ツール
テキストを選択（ドラッグ）した際の背景色や文字色をカスタマイズするCSSジェネレーターです。
spanなしで文字ごとに色を変えるCSS作成ツール
spanタグを使わずに、CSSのグラデーション機能で文字ごとに色を変えるスタイルを作成します。
フェードアウトする下線付きテキストのCSS作成ツール
見出しテキストの下線が途中からグラデーションで透明に消えていくスタイルを作成するCSSジェネレーターです。
マウスホバーでフェードインするCSS作成ツール
マウスを乗せるとふわっと現れる（色が濃くなる）テキストのCSSジェネレーターです。
PNG/JPG to WebP
高品質を維持したまま、PNG/JPGをWebPに変換し圧縮します。
SVG to PNG/JPG/WebP
SVG画像をPNG, JPG, WebPに変換。解像度を指定してラスタライズできます。
JSONとPHP配列の相互変換ツール
JSONコードとPHP配列コードを相互変換
JSONとPython辞書の相互変換ツール
JSONコードとPythonの辞書型(dict)コードを相互変換します。
JSONとJSオブジェクトの相互変換ツール
JSONコードとJavaScriptのオブジェクト(Object)コードを相互変換します。
HTMLタグ除去・抽出ツール
HTMLコードからタグを除去し、テキストデータのみを抽出します。実体参照のデコードや空白処理も可能です。
HTMLエスケープツール
HTMLの特殊文字（<, >, &, " 等）を実体参照に変換（エスケープ）、または元に戻す（アンエスケープ）ツールです。
HTMLテーブル1行目をヘッダーセクションに変換
テーブルの1行目をthead要素、最後の行をtfoot要素に変換します。WordPressのヘッダーセクションに対応。ExcelやWebからコピーした表もOK。スタイル属性やタブ・改行の一括削除機能付き。
JSONとCSVの相互変換ツール
JSON配列とCSVデータを相互に変換します。ヘッダーの有無も切り替え可能です。
WebP to PNG/JPG 変換ツール
WebP画像をPNGまたはJPG形式に変換します。JPEG画質の調整も可能です。