ブランドカラー×文字色自動生成 (toolpods.io)
ブランドカラーから最適なテキストカラーパレットを生成するツール。アクセシビリティに配慮したコントラスト比の高い配色を提案する。
カラーパレットジェネレーター (toolpods.io)
調和のとれたカラーパレットを自動生成するツール。ベースカラーを入力すると補色・類似色などのカラースキームを作成し、HEX・RGB・HSL コードをコピーできる。
ケーススタイル変換ツール (lazesoftware.com)
空白区切り・キャメルケース・パスカルケース・スネークケース・ケバブケースを相互変換するツール。変数名や識別子の命名スタイルを素早く切り替えられる開発者向けユーティリティ。
QRコードジェネレーター (lazesoftware.com)
任意のテキストや URL から QR コードを生成するツール。絵文字にも対応し、背景色・前景色・サイズ・マージン・誤り訂正レベルのカスタマイズが可能。
カラーコード抽出 (web-toolbox.dev)
テキストや CSS から HEX・RGB・HSL などのカラーコードを一括抽出する無料ツール。大量のスタイルシートや HTML から色情報をまとめて取り出したいときに便利。
カラースポイト (web-toolbox.dev)
画面上の任意の色をスポイトツールで取得し、HEX・RGB・HSL などのカラーコードとして表示する無料ツール。EyeDropper API を活用したブラウザ完結型。
CSPパーサー (web-toolbox.dev)
Content Security Policy(CSP)ヘッダーをパースして各ディレクティブの内容を可視化する無料ツール。CSP の設定内容を素早く確認・デバッグするのに役立つ。
CSSカーソルビューワー (web-toolbox.dev)
CSS の cursor プロパティで指定できる全カーソル種類を一覧表示して確認できる無料ツール。各カーソルの見た目を実際にプレビューしながら確認できる。
見出し抽出 (web-toolbox.dev)
Web ページの URL を入力すると、そのページに含まれる見出し(h1〜h6)を階層構造で一覧表示する無料ツール。SEO 分析やページ構造の確認に役立つ。
OGPチェッカー (web-toolbox.dev)
指定した URL の OGP(Open Graph Protocol)メタタグの内容を確認できる無料ツール。og:title・og:description・og:image などの設定状況を一覧表示し、SNS シェア時の見た目確認に役立つ。
OGP画像シミュレーター (web-toolbox.dev)
OGP 画像が Twitter・Facebook・LINE などの SNS シェア時にどのように表示されるかをプレビューできる無料ツール。シェアカードのデザイン確認に役立つ。
ULIDジェネレーター (web-toolbox.dev)
ULID(Universally Unique Lexicographically Sortable Identifier)を生成する無料ツール。UUID より辞書順ソートに適した一意識別子が必要なシステム開発に役立つ。