HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> @media (color-gamut: srgb) { h1 { color: blue; } } @media (color-gamut: p3) { h1 { color: red; } } @media (color-gamut: rec2020) { h1 { color: green; } } </style> </head> <body> <h1>CSS @media color-gamut</h1> <p><strong>Note</strong>: Check the following</p> <ul> <li>If h1 color is 'blue', then your browser supports sRGB gamut or more.</li> <li>If h1 color is 'red', then your browser supports DCI P3 Color Space or more.</li> <li>If h1 color is 'green', then your browser supports ITU-R Recommendation BT.2020 Color Space or more.</li> </ul> </body> </html>
OUTPUT
×

Save as Private