CSSボタン生成
色、形、影などを調整してCSSボタンのコードを生成します。
CSS
background-color: #3b82f6; color: #ffffff; border-radius: 8px; padding: 12px 24px; font-size: 16px; font-weight: bold; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); border: none; cursor: pointer;
使い方
スライダーやカラーピッカーでボタンのデザインを調整し、生成されたCSSコードをコピーして使えます。
このツールを使う前に
- •入力内容はブラウザ内で処理され、会員登録なしで使えます。
- •計算や変換結果は作業補助として使い、重要な提出物では元データと照合してください。
- •似たツールが複数ある場合は、目的に近いものを選び、結果の形式が合うかを確認してください。
関連ツール
📱🔢🔐📋🎨🔄🔗📅📝🛡️🔠🎂
QRコード作成
テキストやURLからQRコードを簡単に作成。PNG画像としてダウンロードできます。
文字数カウント
文章の文字数・単語数・行数をリアルタイムでカウント。レポートやSNS投稿に便利。
パスワード生成
安全なランダムパスワードを生成。長さや使用文字を自由にカスタマイズ。
JSON整形
JSONデータを見やすくフォーマット。構文チェックも同時に行います。
カラーコード変換
HEX・RGB・HSLのカラーコードを相互変換。プレビュー付きで色を確認。
Base64変換
テキストをBase64にエンコード・デコード。日本語テキストにも対応。
URLエンコード/デコード
URLの日本語や特殊文字をパーセントエンコーディング形式に変換・復元。
日数計算
2つの日付間の日数を計算。何日後・何日前の日付も求められます。
テキスト差分比較
2つのテキストを比較して差分をハイライト表示。変更箇所を素早く確認。
ハッシュ生成
SHA-1/SHA-256/SHA-512のハッシュ値を生成。データ整合性の確認に。
全角半角変換
全角⇔半角の英数字変換、ひらがな⇔カタカナ変換に対応。
年齢計算
生年月日から年齢・生まれてからの日数・次の誕生日までを計算。