---
title: "ダークモードのツイート画像 — ディムと黒"
description: "ツイートを Xのダークモードで描画して保存できます。濃紺のディムと、完全な黒のライトアウトのどちらも実際の配色をそのまま再現しているので、本物のスクリーンショットと見分けがつきません。登録は不要で、透かしも入りません。変換はすべてブラウザーの中だけで完結します。"
url: "https://tweettoimage.com/ja/tweet-dark-mode-gazou"
locale: "ja"
site: "tweettoimage.com"
updated: "2026-09-07"
---

# ダークモードのツイート画像を作る

Xのダークテーマは一つではなく、二種類あります。ディムは #15202b を土台にした濃紺の配色です。ライトアウトは #000000 の完全な黒です。世の中のツイート画像ツールの多くは、汎用の濃いグレーを一つ用意しているだけです。だから書き出した画像が、本物のスクリーンショットとどこか違って見えます。色が少しずれるだけで、見る人は違和感に気づきます。ここではその違いを丁寧に埋めてあります。どちらのテーマも、実際の画面と同じ落ち着いた見え方になります。明るいテーマと並べても、質感の差がはっきり出ます。夜のタイムラインを切り取ったような、落ち着いた質感になります。暗い資料やスライドに貼り込んでも、白い四角が浮きません。引用ツイートや写真つきの投稿も、同じ配色で描かれます。

## 使い方

1. ツイートまたは Xの投稿のリンクを、上の入力欄に貼り付けます。
1. テーマからディムまたはライトアウトを選びます。
1. 背景の色をカードに合わせ、余白の広さを整えます。
1. ダウンロードを押して、暗いテーマの画像を保存します。

## このページの設定

| 設定 | 値 |
| --- | --- |
| Format | PNG |
| Aspect ratio | auto |
| Theme | dark |
| Background | solid |
| Background colour | #000000 |
| Padding | 56px |
| Scale | 3x |

背景、本文、罫線の色はいずれも実際の配色に合わせてあります。そのため、描画したカードはダークモードの端末で撮った画面と区別がつきません。引用ツイートの枠や、いいねの数字の色まで同じ調子で揃います。完全な黒は、有機 EL の画面や、暗い背景の上に重ねるデザインに向いています。濃紺のディムは、色のついた背景の上でも沈みすぎません。用途に合わせて選び、まわりの余白の色も揃えると、一枚の面としてまとまって見えます。形式は PNG なので、細い罫線もにじみません。縦横比や余白は自由に変えられ、投稿先に合わせて整えられます。背景を透過にすれば、カードだけを別のデザインに重ねることもできます。まわりの余白の色は、カードと同じ色にも別の色にもできます。同じリンクから、ダークモードの動画を作ることもできます。描画はすべてブラウザーの中で完結し、ツイートが外部へ送られることはありません。テーマを切り替えて、二つの配色を見比べてから決めることもできます。気に入る仕上がりまで、何度でも作り直せます。設定はそのまま残るので、次のツイートもすぐ書き出せます。


## よくある質問

### ディムとライトアウトの違いは何ですか。

ディムは #15202b を使った濃紺の配色で、コントラストがやわらかめです。ライトアウトは #000000 の純黒で、有機 EL の画面でもっともきれいに見えます。

### Xのダークモードの正確な色は。

ディムは背景が #15202b、本文が #f7f9f9 です。ライトアウトは背景が #000000、本文が #e7e9ea、罫線が #2f3336 です。

### 自分の Xが明るいテーマでも暗いカードにできますか。

できます。ここでのテーマは描画時の設定なので、端末側の Xの設定とは関係ありません。

## 関連ツール

- [ツイートを Instagram ストーリーズにする](https://tweettoimage.com/ja/tweet-instagram-story)
- [きれいなツイートのスクリーンショットを撮る](https://tweettoimage.com/ja/tweet-screenshot-satsuei)
- [ツイートを PNG に変換する](https://tweettoimage.com/ja/tweet-png-henkan)
- [ツイートを画像に変換](https://tweettoimage.com/ja/)

## 他の言語

- [English](https://tweettoimage.com/dark-mode-tweet-image.md)
- [Español](https://tweettoimage.com/es/tweet-modo-oscuro.md)
- [Português (Brasil)](https://tweettoimage.com/pt-br/imagem-tweet-modo-escuro.md)
- [Français](https://tweettoimage.com/fr/image-tweet-mode-sombre.md)
- [Deutsch](https://tweettoimage.com/de/tweet-bild-dark-mode.md)
- [日本語](https://tweettoimage.com/ja/tweet-dark-mode-gazou.md)
- [हिन्दी](https://tweettoimage.com/hi/tweet-ki-dark-mode-image.md)
- [Bahasa Indonesia](https://tweettoimage.com/id/gambar-tweet-mode-gelap.md)
- [العربية](https://tweettoimage.com/ar/surat-tagrida-daken.md)