デザイン

RGB⇔16進数(HEX)カラーコード変換｜無料・登録不要

RGBの10進数の値とカラーコードの16進数(HEX)を瞬時に相互変換。CSSやデザインツールで使うカラーコードの確認・変換にすぐ使えます。無料・登録不要、ブラウザだけで完結。

カラーモデル変換ツール（RGB・HSL・HSV・CMYK）

HEXカラーコードやカラーピッカーで色を指定すると、RGB・HSL・HSV（HSB）・CMYKの4つの表色系での値を同時に計算して表示します。

コントラスト比チェッカー（WCAG基準判定）

2色を指定すると、WCAG（Web Content Accessibility Guidelines）のコントラスト比を計算し、AA・AAA基準への適合を判定します。

色覚多様性（色盲・色弱）シミュレーター

指定した色が、P型・D型・T型の色覚多様性（色盲・色弱）を持つ人にどう見えるかを簡易シミュレーションする無料ツール。

カラーパレット集 ― Web標準色・Material Designの定番カラーをコピーして使う

Web標準色・Material Designカラーシステム・グレースケールランプなど、デザインでよく使う定番カラーパレットをHEXコード付きで一覧表示。クリックだけでHEXコードをコピーできます。

画像から色を抽出（ドミナントカラー抽出ツール）

画像をアップロードすると、写真やイラストの中で使われている代表的な色（ドミナントカラー）を自動で抽出します。処理はすべてブラウザ内で完結し、画像はサーバーに送信されません。

RGBAからRGBへの変換ツール（背景色合成）

半透明の前景色（RGBA）と背景色を指定すると、アルファブレンディングにより両者を合成した不透明なRGB色を計算します。rgba()未対応の環境向けのフォールバック色作成に。

ファビコンジェネレーター｜ICO・PNGを複数サイズ一括生成

画像をアップロードして正方形に切り抜くだけで、favicon.ico（16・32・48pxなど複数サイズ同梱）とPNG一式を一括生成。Lanczos法による高品質な縮小に対応し、headに貼るHTMLも自動生成。ブラウザ内処理で画像は送信されません。

CSSグラデーションジェネレーター

2色以上のカラーストップを指定するだけで、linear-gradient・radial-gradientのCSSコードをリアルタイムのプレビューを見ながら生成できる無料ツール。角度や位置も自由に調整でき、生成したコードはワンクリックでコピー可能。

CSS box-shadow ジェネレーター（ボックスシャドウ生成）

オフセット・ぼかし・拡散・色・不透明度をスライダーで調整しながらCSSのbox-shadowをプレビュー付きで生成できる無料ツール。生成したコードはワンクリックでコピーできます。

CSS Flexboxジェネレーター

flex-direction・justify-content・align-items・flex-wrap・gapをGUIで操作しながら、リアルタイムのプレビューを見てFlexboxレイアウトを試せる無料ツール。生成されたCSSコードはワンクリックでコピー可能。

CSS Gridジェネレーター

grid-template-columns/rows・justify-items・align-items・gapをGUIで操作しながら、リアルタイムのプレビューを見てCSS Gridレイアウトを試せる無料ツール。生成されたCSSコードはワンクリックでコピー可能。

CSS positionプロパティジェネレーター

static・relative・absolute・fixed・stickyの5種類のpositionをGUIで切り替え、top/right/bottom/left・z-indexの効果をリアルタイムのプレビューで確認しながらCSSコードを生成できる無料ツール。

PX⇔REM変換ツール（ルート要素のfont-size基準）

px指定のサイズをrem単位に、rem指定のサイズをpxに相互変換する無料ツール。ルート要素（html）のfont-size（基準値）を自由に変更して換算結果を確認できます。

アスペクト比計算・変換ツール（比率の簡略化・リサイズ計算）

画像・動画の幅と高さから、無料でアスペクト比を計算・変換できます。比率の簡略化（例: 1920×1080→16:9）、任意の比率への変換、比率を保ったリサイズ後の寸法計算に対応。

プレースホルダー画像ジェネレーター（サンプル画像生成）

幅・高さ・背景色・文字色を指定するだけで、ダミーのサンプル画像をブラウザ内で生成しPNGとしてダウンロードできます。画像はサーバーに送信されません。

画像圧縮（無料・アップロード不要で容量削減）

画像のファイルサイズを無料で圧縮できるツールです。JPEG・PNG・WebPをドラッグ&ドロップするだけで、見た目の大きさ（画素数）はそのままに容量だけを削減します。処理はすべてブラウザ内で完結し、画像がサーバーへ送信されることはあ...

画像形式変換ツール（PNG/JPG/WebP変換）

画像をPNG・JPG・WebP形式に相互変換できる無料ツール。画質（クオリティ）の調整も可能で、変換処理はすべてブラウザ内で完結しサーバーには送信されない。

HEIC変換（HEIC→JPG・PNG・WebP）無料・一括対応

iPhoneで撮影したHEIC写真をJPG・PNG・WebPへ無料で変換できるツールです。複数ファイルをまとめてドラッグ&ドロップすれば一括変換でき、ZIPでまとめてダウンロードできます。変換はすべてブラウザ内で完結し、写真がサーバーへアップロ...

AVIF変換（AVIF→JPG・PNG・WebP）無料・一括対応

AVIF画像をJPG・PNG・WebPへ無料で変換できるツールです。複数ファイルをまとめてドラッグ&ドロップすれば一括変換でき、ZIPでまとめてダウンロードできます。変換はすべてブラウザ内で完結し、画像がサーバーへアップロードされることは...

画像モザイク・ぼかし加工｜顔やナンバープレートをSNS投稿前に隠す（無料・アップロード不要）

画像の好きな範囲をドラッグで選択し、モザイク（ピクセル化）またはぼかし加工を適用できる無料ツール。顔やナンバープレートを隠してSNSに安全に投稿できます。加工はすべてブラウザ内で完結し、画像はサーバーに送信されません。

画像クロップツール

画像をドラッグで自由にトリミングできる無料の画像クロップツール。正方形・4:3・16:9・3:2のアスペクト比プリセットにも対応し、SNSのプロフィール画像や動画サムネイル作りに便利です。処理はすべてブラウザ内で完結し、画像はサーバ...

画像結合ツール（複数画像を1枚に結合）

複数の画像を横並び・縦並び・グリッドのいずれかで1枚に結合できる無料の画像結合ツール。並び順・間隔・背景色を自由に調整し、PNG形式でダウンロードできます。処理はすべてブラウザ内で完結し、画像はサーバーに送信されません。

画像リサイズツール（幅・高さ指定でサイズ変更）

画像をアップロードして幅・高さ（pxまたは%指定）を入力するだけでリサイズできる無料ツール。アスペクト比を固定したまま拡大・縮小でき、PNG・JPEG・WebP形式でダウンロードできます。処理はすべてブラウザ内で完結し、画像はサーバー...

背景透過（単色背景を透明化）ツール

画像の単色背景（白背景・グリーンバック等）を指定して透明化できる無料ツール。色をクリックで指定し、しきい値スライダーで許容誤差を調整するだけでPNG画像として透過PNGをダウンロードできます。AIモデルの読み込み不要で、処理はす...

用紙サイズ早見表（無料・A判・B判・mm/px変換）

A判（ISO A系）・B判（JIS B系）・名刺・はがき・US Letter/Legalなど主要な用紙サイズのmm・px（96dpi/300dpi換算）を無料で一覧表示。mm⇔px相互変換ツールも搭載。

サンプルPDF生成ツール（ダミーPDFファイル作成）

ページ数と用紙サイズを指定するだけで、ダミーテキスト入りのサンプルPDFをブラウザ内でその場で生成・ダウンロードできます。PDFアップロード機能のテストやレイアウト確認に。

電子印鑑作成（無料・登録不要）

電子印鑑を無料で作成できるツールです。姓や社名を入力するだけで、丸印（認印）・角印（社印）・日付印の印影を背景透過のPNG画像として生成し、そのままダウンロードできます。WordやExcel、PDFの見積書・稟議書に貼り付けてお使いい...