メインコンテンツへ移動
ToolShed
検索
⌘
K
人気
新着ツール
?
読み込み中...
🏠
探す
☰
カテゴリ
🔥
人気
?
について
ホーム
/
画像・軽量ファイル
/
画像色空間一覧
▨
画像色空間一覧
image/image-color-spaces
sRGB、Display-P3、Adobe RGB、Rec.2020など画像で使う色空間を一覧できます。
最終更新日
2026-07-03
・ by
yuzlrin
このツールでできること
画像色空間一覧では、sRGB、Display-P3、Adobe RGB、Rec.2020など画像で使う色空間を一覧できます。
関連する観点として 画像色空間一覧、image color spaces、画像 を確認し、結果をコピーして別の作業に使えます。
項目
内容
sRGB
Web標準
Display-P3
広色域 Apple
Adobe RGB
印刷広色域
ProPhoto RGB
広色域
Rec. 709
HDTV
Rec. 2020
UHDTV
CIE Lab
知覚均等
CMYK
印刷
使い方
「item」列で sRGB、Display-P3、Adobe RGB、ProPhoto RGB、Rec.709、Rec.2020 を確認します。
「content」列でWeb標準、広色域、印刷広色域、HDTV、UHDTVなどの用途を見ます。
Web公開ではsRGB、Apple系広色域表示ではDisplay-P3、印刷写真ではAdobe RGBのように読み分けます。
色の数値モデルそのものを知りたい場合は、色モデル一覧と分けて参照します。
入力例・出力例
INPUT
sRGB
OUTPUT
Web標準
実装表の基準色空間。
INPUT
Display-P3
OUTPUT
広色域 Apple
Apple端末でよく使われる広色域。
INPUT
Rec. 2020
OUTPUT
UHDTV
映像規格側の色空間。
よくある利用シーン
Web掲載用画像をsRGBに変換すべきか判断する。
Display-P3やAdobe RGBなど広色域画像の扱いを説明する。
HDTV/UHDTVの色空間名を、画像・映像仕様書で確認する。
色モデルではなく、具体的な色域や規格名を比較したいとき。
結果確認のポイント
出力サイズ、縦横比、ファイル形式、画質が用途に合っているか確認してください。
画像色空間一覧、image color spaces、画像の観点で、入力内容と出力内容がずれていないか見直してください。
コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。
注意点
重要な元画像は別に保存し、必要に応じて元データと比較してください。
結果を公開・送信する前に、用途に合う形式かを必ず確認してください。
データの扱い / プライバシー
画像色空間一覧の主要な処理はブラウザ内で実行されます。
入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。
FAQ
よくある
質問
sRGBとAdobe RGBの違いは何ですか?
sRGBは1996年に標準化されたWebおよびコンシューマー向け色空間で、対応機器が多く相互運用性が高いです。Adobe RGBはsRGBより広い色域(特に緑〜シアン域)を持ち、高品質な印刷やプロフォト向けに使われます。Webに画像を公開する場合はsRGBへ変換するのが推奨です。
Display P3色空間はどんな用途に使いますか?
Display P3はAppleがiPhone・Mac・iPadのディスプレイに採用した広色域色空間で、sRGBより約25%広い色域を持ちます。対応端末でより鮮やかな色を表示でき、Safari・ChromeはCSS color()関数やJPEGのP3プロファイルに対応しています。
色空間を無視して保存するとどうなりますか?
ICCプロファイルが埋め込まれていない画像をsRGBと異なる色空間で保存すると、別の環境で開いた際に色が大きくずれて見えることがあります。特にAdobe RGBで撮影した写真をsRGB変換せずWebに掲載すると、くすんだ色に見える現象がよく起きます。
関連ツール
画像圧縮
画像をブラウザ上で圧縮・軽量化。JPEG/WebP出力、品質スライダーで調整。サーバーにアップロード不要で安全。
alt属性チェックリスト
装飾画像、情報画像、リンク画像、キャプション重複、125文字目安など alt 属性の判断項目を表で確認できます。
バナーサイズ一覧
Leaderboard、Medium Rectangle、Mobile Banner など代表的な広告バナー寸法を一覧表示します。
ダミー画像生成
指定サイズのダミー画像(プレースホルダー)をCanvas APIで生成。色・テキスト・フォーマット指定可能。Webデザインに。
favicon生成
1〜2文字またはアップロード画像から 16/32/48/180/192/512px の PNG favicon を canvas で生成します。
ファビコンサイズ一覧
16×16 から 512×512 までの favicon 用途、HTML link タグ、manifest icons の雛形を確認できます。
<figure>タグ生成
入力した画像 URL を src に入れ、loading と decoding を付けた figure/figcaption の雛形を生成します。
アイコンサイズ一覧
favicon、Apple Touch、Android Chrome、Windows Tile、iOS/Android アプリの代表アイコンサイズを用途別に確認できます。