HDR Vivid

<section class="bg-black text-white"> <div class="relative h-[500px] flex items-center justify-center text-center"> <img src="https://md.ic-online.com/page/wyatt/solution/hdrVivid/banner.jpg" class="absolute inset-0 w-full h-full object-cover opacity-60" alt="HDR Vivid" > <div class="relative z-10"> <h1 class="text-5xl font-bold">HDR Vivid</h1> <p class="text-xl mt-4">リアルなビジュアル体験</p> </div> </div> </section> <section class="py-20 bg-white text-gray-900"> <div class="max-w-7xl mx-auto px-6"> <h2 class="text-3xl font-bold text-center mb-16"> UHD映像・音響時代の到来 </h2> <div class="grid md:grid-cols-3 gap-10"> <div class="bg-emerald-500 text-white p-10 rounded-xl text-center"> <h3 class="text-xl font-semibold">ダイナミックレンジ</h3> <p class="mt-4 text-sm"> 標準ダイナミックレンジ（SDR）からハイダイナミックレンジ（HDR）へ </p> </div> <div class="bg-emerald-500 text-white p-10 rounded-xl text-center"> <h3 class="text-xl font-semibold">解像度</h3> <p class="mt-4 text-sm"> SD / HD からウルトラハイビジョンへ </p> </div> <div class="bg-emerald-500 text-white p-10 rounded-xl text-center"> <h3 class="text-xl font-semibold">サウンド</h3> <p class="mt-4 text-sm"> モノラル → ステレオ → サラウンド → 3Dへ </p> </div> </div> </div> </section> <section class="py-20 bg-gray-100"> <div class="max-w-7xl mx-auto px-6 grid md:grid-cols-3 gap-10"> <div class="text-center"> <img src="https://md.ic-online.com/page/wyatt/solution/hdrVivid/HDR-Vivid_20_01.jpg" class="rounded-lg mb-6" > <p class="font-semibold"> 4000ニトのピーク輝度 </p> </div> <div class="text-center"> <img src="https://md.ic-online.com/page/wyatt/solution/hdrVivid/HDR-Vivid_20_03.jpg" class="rounded-lg mb-6" > <p class="font-semibold"> BT.2020色域対応 </p> </div> <div class="text-center"> <img src="https://md.ic-online.com/page/wyatt/solution/hdrVivid/HDR-Vivid_20_05.jpg" class="rounded-lg mb-6" > <p class="font-semibold"> シーンごとのダイナミックマッピング </p> </div> </div> </section> <section class="py-20 bg-white"> <div class="max-w-5xl mx-auto px-6 text-center"> <h2 class="text-3xl font-bold mb-10"> HDR業界の課題 </h2> <div class="grid md:grid-cols-3 gap-8"> <div class="border rounded-xl p-6"> <h3 class="font-semibold text-lg"> 規格の不統一 </h3> <p class="text-sm mt-4 text-gray-600"> 複数のHDR規格が存在し、互換性の課題を生んでいます。 </p> </div> <div class="border rounded-xl p-6"> <h3 class="font-semibold text-lg"> 分断されたエコシステム </h3> <p class="text-sm mt-4 text-gray-600"> 特許コストや対応機器の少なさが普及の妨げとなっています。 </p> </div> <div class="border rounded-xl p-6"> <h3 class="font-semibold text-lg"> UHDコンテンツの不足 </h3> <p class="text-sm mt-4 text-gray-600"> 高品質なUHD映像ソースが十分ではありません。 </p> </div> </div> </div> </section> <section class="py-20 bg-black text-white text-center"> <div class="max-w-4xl mx-auto px-6"> <h2 class="text-3xl font-bold mb-6"> HDR Vividによるソリューション </h2> <p class="text-lg text-gray-300"> HDR Vividは、ダイナミックメタデータマッピングを導入することで、 デバイス間でより正確なHDRレンダリングを実現し、 高品質な映像再現を可能にします。 </p> </div> </section>