--- title: "sRGB 色空間とは？意味とマーケットプレイスのルール | Herofab" description: "Webや画面表示で広く使われる色空間です。CMYKやAdobe RGBの画像は、変換が適切でないと色がずれることがあります。" url: https://herofab.app/ja/glossary/srgb language: ja updated: 2026-11-13 --- # sRGB 色空間 sRGBはWebや画面表示で広く使われる色空間です。RGB数値の色を定めます。CMYKやAdobe RGBの画像は、変換が不適切だと販路で色がずれることがあります。 Herofab なら [カラーバリエーション](https://herofab.app/ja/tools/color-variants) ![三日月形のペンダントが付いたゴールドのチェーンネックレスを着けた、黒いストラップレストップスのモデル](https://herofab.app/img/ex/necklace-amara-1100.webp) Herofab で作成 · バーチャル試着 カメラや印刷のワークフローでは、より広い色空間や印刷向けの色空間がよく使われます。ブラウザはプロファイルが埋め込まれていない場合 sRGB とみなすため、CMYK やタグのない広色域のファイルはくすんだり色がずれたりして見えることがあります。 sRGB で書き出すと、購入者が目にする色を商品の実際の色に近く保てます。 RGBはレッド・グリーン・ブルーの略です。各ピクセルはこの三色の混合で、一般的な8ビット画像では各チャンネルが0から255の値をとります。純白は255、255、255で、純白の背景に求められる値です。sRGBは、これらの数値が画面上でどの実際の色を表すかを定めています。 ## sRGB が商品写真で果たす役割 色空間とは、画像ファイルのなかの数値を画面上の色に変えるための取り決めです。sRGB は、ブラウザ、スマートフォン、マーケットプレイスのアプリが前提とする取り決めなので、sRGB で保存したファイルは、ほぼどこでも同じ色で表示されます。 販売者にとっては、見た目だけでなく返品にもかかわる問題です。出品ページの赤が届いた商品の赤と違えば、商品は返品されます。書き出しからアップロードまで、すべての画像を sRGB に保てば、よくある原因の一つがなくなります。 ## 色がずれるのはどの段階か 色のずれの多くは、書き出しのときに起こります。より広い色空間で編集し、変換せずに保存した写真は、ブラウザでは平板で薄い色に見えます。ブラウザがその数値を sRGB のものとして読むためです。印刷用に CMYK で用意したファイルはくすんで見えることがあり、受け付けないシステムもあります。 二つ目の原因は、カラープロファイルがないことです。プロファイルは、ファイルの色空間を示す、ファイル内の小さなタグです。これがないと、それぞれのソフトウェアが推測することになり、同じファイルから二つの画面が二つの異なる色を表示することがあります。 ## sRGB、RGB、広色域ディスプレイの関係 RGB は、赤、緑、青の光を混ぜるという一般的な方式で、sRGB はその厳密な定義の一つです。Adobe RGB や、新しいスマートフォンの広色域の色空間は別の定義で、より鮮やかな色を表せます。カメラやスマートフォンがこれらを選べるようにしているのは、そのためです。 色空間が広くても、オンラインの商品画像がより正確になるわけではありません。購入者は sRGB を前提とするソフトウェアを通して画像を見ますし、多くのマーケットプレイスはアップロードされた画像を変換または再保存します。プロファイルを埋め込んだうえで自分で sRGB に変換しておけば、結果を自分で管理できます。 ## sRGB 色空間と関連する色の用語 - **[CMYK](https://herofab.app/ja/glossary/cmyk):** CMYK は印刷の色のモデルで、四色のインクをもとにしています。印刷カタログ用のファイルは、商品ページに載せる前に sRGB に変換する必要があります。 - **[ホワイトバランス](https://herofab.app/ja/glossary/white-balance):** ホワイトバランスは、撮影または編集のときに設定し、白がニュートラルに見えるか、暖かく見えるか、冷たく見えるかを決めます。sRGB は色かぶりを直せません。補正した色が意図したとおりに表示されるようにするだけです。 - **![テラコッタ色のボンバージャケットのゴーストマネキンを、純白の背景に切り抜いた画像](https://herofab.app/img/ex/ghost-white-1100.webp) [純白の背景](https://herofab.app/ja/glossary/pure-white-background):** 純白の背景は一つの色の値で、三つのチャンネルすべてが最大値です。この値はどの RGB 色空間でも白なので、きれいな白の背景からは、ファイルが sRGB であることはわかりません。それがわかるのは、商品の色からです。 - **[画像ファイル形式](https://herofab.app/ja/glossary/image-file-format):** 画像ファイル形式は、JPEG、PNG、WebP のような入れ物です。どの形式にも sRGB の画像を収められ、色空間は形式とは別の設定です。 ## アップロード前の色のチェックリスト - 書き出しの設定が sRGB で、カラープロファイルがファイルに埋め込まれています。 - 同じ写真を印刷用にも用意した場合でも、ファイルは CMYK ではなく RGB です。 - 色は、一つの画面だけで判断せず、日中の自然光のもとで商品そのものと見比べてあります。 - 白、黒、肌の色がニュートラルに見えます。書き出しの前にホワイトバランスを補正したことが、そこからわかります。 - 画像を、ブラウザで一度、スマートフォンで一度確認してあります。購入者が使うのはこれらの画面だからです。 ## sRGB 色空間について、よくある質問。 **アップロード後に商品写真の色が変わって見えるのはなぜですか？** よくある原因は、ファイルが sRGB 以外の色空間であるか、アップロード時にカラープロファイルが削除されたことです。プロファイルがないと、より広い色空間の数値が sRGB として読まれ、色がくすんだり、ずれたりします。書き出しのときに sRGB に変換すれば、この原因はなくなります。あとに残るのは、購入者それぞれの画面の違いです。 **商品写真は sRGB と Adobe RGB のどちらで書き出すべきですか？** 画面で見られるものはすべて sRGB で書き出します。Adobe RGB はより鮮やかな色を保持できますが、ブラウザやショッピングアプリは sRGB を前提に作られており、広色域のファイルはプロファイルを失うと平板に見えます。印刷もする場合は、広色域の元画像をマスターとして保管し、出品用には sRGB の複製を別に書き出してください。 **RGB と sRGB の違いは何ですか？** RGB は方式で、すべてのピクセルが赤、緑、青の混合であることを指します。sRGB はその方式の厳密な定義の一つで、それぞれの混合が実際のどの色を表すかを定めています。ファイルは、sRGB でなくても RGB でありえます。たとえば Adobe RGB や、スマートフォンの広色域の色空間の場合です。その場合、色を正しく表示できるのは、プロファイルを読み取るソフトウェアだけです。 **マーケットプレイスは画像を自動で sRGB に変換してくれますか？** 変換するところもあれば、しないところもあり、変換する場合でもその方法が示されることはまれです。自動変換では色がずれたり、プロファイルが失われたりすることがあり、印刷用の色のモデルのファイルは、そもそも受け付けられないことがあります。プロファイルを埋め込んだ sRGB でアップロードするのが確実な方法です。ファイルに変換がまったく必要なくなるためです。 **sRGB で商品の色は十分正確に表せますか？** はい、ほとんどの商品で十分です。sRGB は、一部のネオンカラーや深いシアンなど、ごく鮮やかな色のいくつかを表示できませんが、購入者が使う画面の多くも同じです。実際に正確さを左右するのは、正しいホワイトバランス、均一な光、一貫したワークフローであり、より広い色空間ではありません。 ## マーケットプレイスの記載内容。 2026年9月25日更新 - **Zalando:** sRGB カラーモード [公式ページ](https://partner.zalando.com/university/article/zalando-image-guidelines) - **OTTO:** RGB カラースペース。CMYK は不可 [公式ページ](https://www.otto.market/_Resources/Persistent/4/0/f/9/40f93e8e8315a91f7c8dab0e2bf4cf14057d1279/18012024_Onboarding-Guide.pdf) - **Amazon:** RGB カラーモードを推奨 [公式ページ](https://sellercentral.amazon.com/help/hub/reference/external/G1881) 関連用語 [カラーバリエーション](https://herofab.app/ja/tools/color-variants) · [すべてのルールを一つの表で見る](https://herofab.app/ja/guides/marketplace-image-rules) · [純白の背景](https://herofab.app/ja/glossary/pure-white-background) · [カラーバリエーション画像](https://herofab.app/ja/glossary/colour-variant-images) · [HEIC](https://herofab.app/ja/glossary/heic) · [画像ズーム](https://herofab.app/ja/glossary/image-zoom) · [画像ファイル形式](https://herofab.app/ja/glossary/image-file-format) · [カラーウェイ](https://herofab.app/ja/glossary/colourway) · [ホワイトバランス](https://herofab.app/ja/glossary/white-balance) · [CMYK](https://herofab.app/ja/glossary/cmyk) · [WebP](https://herofab.app/ja/glossary/webp) · [JPEG](https://herofab.app/ja/glossary/jpeg) · [AVIF](https://herofab.app/ja/glossary/avif) · [TIFF](https://herofab.app/ja/glossary/tiff) · [RAW画像](https://herofab.app/ja/glossary/raw-photo) · [色空間](https://herofab.app/ja/glossary/colour-space) · [Adobe RGB](https://herofab.app/ja/glossary/adobe-rgb) · [ICC プロファイル](https://herofab.app/ja/glossary/icc-profile) · [ビット深度](https://herofab.app/ja/glossary/bit-depth) · [色補正](https://herofab.app/ja/glossary/colour-correction) · [すべての用語](https://herofab.app/ja/glossary/) 無料ツール [商品写真チェッカー](https://herofab.app/ja/tools/product-photo-checker) [マーケットプレイス画像リサイズ](https://herofab.app/ja/tools/marketplace-image-resizer) [画像圧縮](https://herofab.app/ja/tools/image-compressor) [AI画像ラベルチェッカー](https://herofab.app/ja/tools/ai-image-checker)