WEB Tools

Design Tools

サイト配色チェッカー

スクリーンショットや画像から最大8色を抽出。背景・テキスト・プライマリ等の役割を自動推定し、CSS変数で書き出せます。

カラム数・ガター・マージンを入力してグリッドシステムを即座に計算。デザイン制作のレイアウト設計に使えます。

基準色を指定し、白へ向かって段階的に薄めたティントカラーをHEX・RGBで一覧表示。クリックでコピーできます。

連番画像から APNG・アニメーションWebP・HTMLプレビューを生成。FPS・ループ・容量最適化を設定してZIPで書き出し。すべてブラウザ内で処理します。

Utility Tools

.md / .txt を複数読み込んでブラウザ上でプレビュー。コードハイライト付き。PDF・スタイル込みHTMLとして書き出しも可能。

Excelで開いたときの文字化けを修正。CSVをドロップするだけで文字コードを自動検出し、UTF-8（BOM付き）に変換してダウンロード。

Word・PowerPoint・Excel ファイルに埋め込まれた画像・動画・音声を取り出します。ファイルはブラウザ内のみで処理され、サーバーへ送信されません。

MacとWindowsの間で起きるZIPファイル名の文字化けを解決。既存のZIPを修復するか、新しくZIPを作るかを選んで使用できます。合計4GB以下のZIPに対応。

Video Tools

mp4 / wmv / mov / mpg をドロップして広告入稿チェック用のメタデータを表示。コーデック・ビットレート・フレームレート・スキャン方式などを確認できます。

正面・左右・床の4面に映像をドラッグ＆ドロップし、展示場で同時に流したときの見え方を3Dパースでプレビュー。カメラ固定・完全ブラウザ内処理。

Chrome Extensions

DevTools のサイドパネルに追加する Chrome 拡張。要素を選択するとタイポグラフィ・色・余白・角丸などのデザイン設定を自動整形して表示します。

ページ全体を高解像度で1枚に撮影する Chrome 拡張。固定ヘッダーや遅延読み込みを自動補正し、崩れないフルページスクショを保存します。解像度切替・長尺ページの分割保存にも対応。

Beta

開発中のツールです。Basic 認証が必要です。