Base64エンコード (web-toolbox.dev)
テキストを Base64 形式にエンコードする無料ツール。ブラウザ上で即座に処理が完結し、データが外部に送信されることなく安全に利用できる。
画像Base64エンコード (web-toolbox.dev)
画像ファイルを Base64 形式にエンコードする無料ツール。エンコード結果は HTML の img タグや CSS の background-image にそのまま利用できる。
Border Radiusジェネレーター (web-toolbox.dev)
CSS の border-radius プロパティの値をビジュアルで調整して生成する無料ツール。4 隅の角丸を個別に設定でき、生成された CSS コードをそのままコピーして利用できる。
Box Shadowジェネレーター (web-toolbox.dev)
CSS の box-shadow プロパティの値をビジュアルで調整して生成する無料ツール。影のオフセット・ぼかし・広がり・色・内側外側などを直感的に設定でき、生成された CSS コードをコピーして利用できる。
文字数カウンター (web-toolbox.dev)
入力したテキストの文字数・バイト数・行数などをリアルタイムに計測する無料ツール。SNS 投稿やメタタグの文字数確認など、さまざまな用途に対応する。
カラーコントラストチェッカー (web-toolbox.dev)
2 色のコントラスト比を計算し、WCAG のアクセシビリティ基準(AA・AAA)を満たすかどうかを確認する無料ツール。テキストと背景色の組み合わせの視認性チェックに活用できる。
カラーコードコンバーター (web-toolbox.dev)
HEX・RGB・HSL・HSV など各種カラーコード形式を相互変換する無料ツール。カラーコードを入力するだけで各形式の値を一度に確認できる。
カラーコード抽出 (web-toolbox.dev)
テキストや CSS から HEX・RGB・HSL などのカラーコードを一括抽出する無料ツール。大量のスタイルシートや HTML から色情報をまとめて取り出したいときに便利。
カラースポイト (web-toolbox.dev)
画面上の任意の色をスポイトツールで取得し、HEX・RGB・HSL などのカラーコードとして表示する無料ツール。EyeDropper API を活用したブラウザ完結型。
クレジットカードバリデーター (web-toolbox.dev)
クレジットカード番号の Luhn アルゴリズムによる検証を行う無料ツール。番号の形式チェックやカードブランドの判定にも対応し、開発時のテストに役立つ。
CSPパーサー (web-toolbox.dev)
Content Security Policy(CSP)ヘッダーをパースして各ディレクティブの内容を可視化する無料ツール。CSP の設定内容を素早く確認・デバッグするのに役立つ。
CSS背景パターンジェネレーター (web-toolbox.dev)
CSS のみで表現できる背景パターンを生成する無料ツール。ドット・ストライプ・グリッドなど各種パターンを視覚的に設定し、生成された CSS コードをコピーして利用できる。