ツール一覧

当サイトに登録されているツールの一覧。

テキスト処理

文字数カウンター (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 コードをコピーして利用できる。

開発者ツール

CSSカーソルビューワー (web-toolbox.dev)

CSS の cursor プロパティで指定できる全カーソル種類を一覧表示して確認できる無料ツール。各カーソルの見た目を実際にプレビューしながら確認できる。

コード生成

CSSフィルタージェネレーター (web-toolbox.dev)

CSS の filter プロパティの値をビジュアルで調整して生成する無料ツール。ぼかし・輝度・コントラスト・彩度・色相回転などを直感的に設定でき、生成された CSS コードをコピーして利用できる。

コード生成

CSSグラデーションジェネレーター (web-toolbox.dev)

CSS のグラデーション(linear-gradient・radial-gradient)をビジュアルで生成する無料ツール。色・角度・位置などを直感的に調整でき、生成された CSS コードをコピーして利用できる。

エンコード・デコード

CSV to JSON変換 (web-toolbox.dev)

CSV データを JSON 形式に変換する無料ツール。ヘッダー行の有無やセパレーターを設定でき、変換結果をすぐにコピーして利用できる。

...101112...