⚒️無料 · オフライン

Coder Cabin

100以上の無料開発ツール、継続更新中 — 全てブラウザで動作、登録不要。

人気のツール

すべてのツール

📷

写真

(16)Updated
🗜️Photos✓ 利用可能

Image Compressor

品質を調整して画像を圧縮 — 許容できる視覚品質を保ちながらファイルサイズを削減

✂️Photos✓ 利用可能

Image Crop & Resize

画像を正確なサイズにトリミング&リサイズ — サムネイル、SNS、アバターに最適

🎛️Photos✓ 利用可能

Image Filters

画像にビジュアルフィルターを適用 — グレースケール、セピア、明るさ、コントラスト、ぼかし、反転など

🔄Photos✓ 利用可能

Image Format Converter

ブラウザでPNG、JPEG、WebP形式間の画像変換を即座に実行

🔃Photos✓ 利用可能

Image Rotate & Flip

任意の角度で画像を回転し、水平または垂直に反転 — 素早い向き修正

💧Photos✓ 利用可能

Image Watermark

カスタムテキスト透かしを画像に追加 — フォント、サイズ、色、不透明度、位置を選択

🎨Photos✓ 利用可能

Image Palette Extractor

任意の画像から主要カラーパレットを抽出 — デザイン用にHEXとRGB値を取得

🧩Photos✓ 利用可能

Image Collage Maker

カスタマイズ可能なレイアウトとスペーシングで複数の画像をコラージュに統合

Photos✓ 利用可能

Image Background Remover

AI搭載で自動的に画像の背景を削除 — ブラウザで完全に動作

📝Photos✓ 利用可能

Image OCR

光学文字認識を使用して画像からテキストを抽出 — 多言語対応

📋Photos✓ 利用可能

Image Metadata Viewer

写真のEXIF、IPTC、XMPメタデータを表示 — カメラ情報、GPS位置、タイムスタンプなど

🖼️Photos✓ 利用可能

SVG to PNG Converter

SVGベクターグラフィックスを任意の解像度でPNGラスター画像に変換

📷Photos✓ 利用可能

Image Pixelate / Mosaic

Pixelate or mosaic regions of an image — censor faces, blur sensitive info

📷Photos✓ 利用可能

Image Color Picker

Pick any color from an uploaded image — get hex, RGB, and HSL values

📷Photos✓ 利用可能

Image Noise Generator

Add realistic noise or grain to images — create textures and vintage effects

📷Photos✓ 利用可能

Image Border & Frame

Add borders, frames and rounded corners to images

🎵

オーディオ

(12)Updated
🎬

動画

(10)Updated
📄

PDF

(5)New
🧮

計算ツール

(5)New
🔐

エンコーダ / デコーダ

(12)
🔏Encoder / Decoder✓ 利用可能

Base64 Encode / Decode

文字列を Base64 にエンコード、または Base64 をデコードします

🔗Encoder / Decoder✓ 利用可能

URL Encode / Decode

URL のパーセントエンコード文字列をエンコード/デコードします

#️⃣Encoder / Decoder✓ 利用可能

Hash Generator

SHA-1、SHA-256、SHA-384、SHA-512 ハッシュを生成します

🌐Encoder / Decoder✓ 利用可能

HTML Entities Encode / Decode

HTML エンティティをエスケープまたはアンエスケープします

🖼️Encoder / Decoder✓ 利用可能

Image to Base64

画像をBase64データURIに変換して埋め込みに使用します

🔑Encoder / Decoder✓ 利用可能

HMAC Generator

SHA-1、SHA-256、SHA-384、SHA-512でHMACを生成します

🔢Encoder / Decoder✓ 利用可能

Base32 Encode / Decode

Base32エンコーディング(RFC 4648)でデータをエンコード/デコード

#️⃣Encoder / Decoder✓ 利用可能

Hex Encode / Decode

テキストを16進数表現に変換、またはその逆

🔠Encoder / Decoder✓ 利用可能

Text Encoding Converter

UTF-8、ASCII、Latin-1などのエンコーディング間でテキストを変換

↩️Encoder / Decoder✓ 利用可能

String Escape / Unescape

JSON、JavaScript、HTML、SQLコンテキストの文字列エスケープ/アンエスケープ

0️⃣Encoder / Decoder✓ 利用可能

Text to Binary

テキストをバイナリ(0と1)に変換、またはその逆

Encoder / Decoder✓ 利用可能

Morse Code Translator

テキストをモールス信号に翻訳、またはその逆

フォーマッタ

(7)
🔄

コンバータ

(18)
🎨Color✓ 利用可能

Color Converter

HEX、RGB、HSL、ARGB 形式間で色を変換します

⏱️Converter✓ 利用可能

Unix Timestamp Converter

Unix タイムスタンプを読み取り可能な日時に変換します(逆も可)

↔️Converter✓ 利用可能

JSON ↔ YAML Converter

JSON と YAML 形式を相互変換します

🔢Converter✓ 利用可能

Number Base Converter

10進数・2進数・16進数・8進数間で数値を変換します

🔄Converter✓ 利用可能

Markdown to HTML

Markdownを HTML に変換します

🔄Converter✓ 利用可能

HTML to Markdown

HTMLをきれいなMarkdownに変換します

🔄Converter✓ 利用可能

CSV to JSON

CSVデータをJSONに、またはJSON配列をCSVに変換します

📐Converter✓ 利用可能

JSON to TypeScript

JSONデータからTypeScriptインターフェースを生成します

⚙️Converter✓ 利用可能

TOML ↔ JSON Converter

TOMLとJSON形式を相互変換します

📏Converter✓ 利用可能

CSS Unit Converter

CSSの単位(px、rem、em、ptなど)を相互変換します

💾Converter✓ 利用可能

Data Size Converter

データサイズ単位(バイト、KB、MB、GB、TB)を相互変換します

🐹Converter✓ 利用可能

JSON to Go Struct

JSONデータからGoの構造体定義を自動生成

🐍Converter✓ 利用可能

JSON to Python Dataclass

JSONからPython dataclassまたはTypedDict定義を生成

📃Converter✓ 利用可能

JSON to CSV

JSON配列をCSV形式に変換、カスタム区切り文字対応

🎨Color✓ 利用可能

Color Palette Generator

調和のとれたカラーパレットを生成 — 補色、類似色、三色配色

☀️Color✓ 利用可能

Color Contrast Checker

WCAGカラーコントラスト比をチェックしアクセシビリティ準拠を確認(AA/AAA)

🗃️Converter✓ 利用可能

SQL to JSON Schema

SQL CREATE TABLE文をJSON Schema定義に変換

📅Converter✓ 利用可能

Epoch Batch Converter

Unix タイムスタンプや日付を一括変換 — リストを貼り付けて一度に変換

ジェネレータ

(10)
🔍

インスペクタ

(14)
🎫Inspector✓ 利用可能

JWT Decoder

JSON Web Token をデコードして内容を確認します

🧪Inspector✓ 利用可能

Regex Tester

マッチのハイライト付きで正規表現をテスト・デバッグします

📊Inspector✓ 利用可能

Text Diff

2 つのテキストを比較して差分をハイライトします

Inspector✓ 利用可能

Cron Expression Parser

Cron 式を解析してわかりやすい言葉で説明します

🔎Inspector✓ 利用可能

URL Parser

URL をプロトコル・ホスト・パス・クエリパラメータに分解します

Inspector✓ 利用可能

JSON Schema Validator

JSONデータをJSON Schemaに対して検証します

🔤Inspector✓ 利用可能

Unicode Lookup

Unicode文字を検査 — コードポイント、UTF-8エンコーディング、カテゴリー

🔐Inspector✓ 利用可能

Chmod Calculator

数値とシンボル形式のUnixファイルパーミッションを相互変換します

📐Inspector✓ 利用可能

Aspect Ratio Calculator

画像や動画のアスペクト比を計算・変換します

🎯Inspector✓ 利用可能

JSONPath Tester

JSONデータに対してJSONPath式をテストします

Inspector✓ 利用可能

YAML Validator

YAMLドキュメントの検証とフォーマット、構文エラーのハイライト

🔍Inspector✓ 利用可能

JSON Diff

2つのJSONドキュメントを比較し、構造の違いをハイライト

📜Inspector✓ 利用可能

OpenAPI / Swagger Viewer

OpenAPI (Swagger) YAMLまたはJSONを貼り付けてエンドポイントをインタラクティブに閲覧

👁️Inspector✓ 利用可能

HTML Live Preview

HTML/CSS/JSを書いてサンドボックスiframeでライブプレビュー

📝

テキスト & ネットワーク

(9)
🖌️

Webデザイン

(15)Updated
🌈Web Design✓ 利用可能

CSS Gradient Generator

CSSグラデーション背景を生成 — リニア、ラジアル、コニック

🔲Web Design✓ 利用可能

Box Shadow Generator

複数レイヤーのCSSボックスシャドウをライブプレビューで作成

Web Design✓ 利用可能

Border Radius Generator

各コーナーを個別に制御できるCSS border-radiusを生成

📐Web Design✓ 利用可能

Flexbox Generator

ビジュアルCSS Flexboxレイアウトジェネレーター、ライブプレビュー付き

🔳Web Design✓ 利用可能

CSS Grid Generator

行と列をカスタマイズできるビジュアルCSS Gridレイアウトジェネレーター

🏷️Web Design✓ 利用可能

Meta Tag Generator

SEO、Open Graph、Twitter Card用のHTMLメタタグを生成

🔺Web Design✓ 利用可能

CSS Triangle Generator

任意の方向とサイズの純粋なCSS三角形を生成

💬Web Design✓ 利用可能

Text Shadow Generator

複数レイヤーのCSS text-shadowエフェクトを作成

🎛️Web Design✓ 利用可能

CSS Filter Generator

CSSフィルターエフェクトを生成 — ブラー、明るさ、コントラストなど

📱Web Design✓ 利用可能

Responsive Breakpoints

一般的なブレークポイント用のレスポンシブCSSメディアクエリを生成

🎬Web Design✓ 利用可能

CSS Animation Generator

ビジュアルタイムラインエディターでCSSキーフレームアニメーションを作成

🌬️Web Design✓ 利用可能

Tailwind CSS Converter

プレーンCSSをTailwind CSSユーティリティクラスに変換

📊Web Design✓ 利用可能

HTML Table Generator

行、列、スタイルをカスタマイズできるHTMLテーブルを生成

Web Design✓ 利用可能

Favicon Generator

テキスト、絵文字、画像から複数サイズのファビコンを生成

👁️Web Design✓ 利用可能

OG Image Preview

Open Graph画像のソーシャルメディアでの表示をプレビュー