GRADIENT
.ART
css
Sign In
<div id="root"></div>#root {
width: 672px;
height: 504px;
background:
linear-gradient(rgb(28 28 28), rgb(28 28 28)) 544px 378px / 32px 126px no-repeat, /* slim bar #1d1d1d */
linear-gradient(rgb(10 10 10), rgb(10 10 10)) 480px 378px / 32px 126px no-repeat, /* slim bar #090909 */
linear-gradient(rgb(50 0 107), rgb(50 0 107)) 240px 378px / 120px 126px no-repeat, /* square #32006a */
linear-gradient(rgb(255 255 255), rgb(255 255 255)) 120px 378px / 120px 126px no-repeat, /* square #ffffff */
linear-gradient(rgb(0 33 77), rgb(0 33 77)) 0 378px / 120px 126px no-repeat, /* square #00214c */
linear-gradient(rgb(191 191 191), rgb(191 191 191)) 576px 336px / 96px 42px no-repeat, /* short bar #c0c0c0 */
linear-gradient(rgb(0 191 191), rgb(0 191 191)) 384px 336px / 96px 42px no-repeat, /* short bar #00c0c0 */
linear-gradient(rgb(191 0 191), rgb(191 0 191)) 192px 336px / 96px 42px no-repeat, /* short bar #c000c0 */
linear-gradient(rgb(0 0 191), rgb(0 0 191)) 0 336px / 96px 42px no-repeat, /* short bar #0000c0 */
linear-gradient(rgb(0 0 191), rgb(0 0 191)) 576px 0 / 96px 336px no-repeat, /* big bar #0000c0 */
linear-gradient(rgb(191 0 0), rgb(191 0 0)) 480px 0 / 96px 336px no-repeat, /* big bar #c00000 */
linear-gradient(rgb(191 0 191), rgb(191 0 191)) 384px 0 / 96px 336px no-repeat, /* big bar #c000c0 */
linear-gradient(rgb(0 191 0), rgb(0 191 0)) 288px 0 / 96px 336px no-repeat, /* big bar #00c000 */
linear-gradient(rgb(0 191 191), rgb(0 191 191)) 192px 0 / 96px 336px no-repeat, /* big bar #00c0c0 */
linear-gradient(rgb(191 191 0), rgb(191 191 0)) 96px 0 / 96px 336px no-repeat, /* big bar #c0c000 */
linear-gradient(rgb(192 192 192), rgb(192 192 192)) 0 0 / 96px 336px no-repeat, /* big bar #c0c0c0 */
linear-gradient(rgb(18 18 18), rgb(18 18 18)) 0 0 / 672px 504px no-repeat; /* Background */
} Comments (0)
<iframe
src="https://gra.dient.art/embed/a119rdthr4"
title="SMPTE color bars | GradientArt"
width="672"
height="504"
style="border: 0; max-width: 100%; aspect-ratio: 672 / 504; height: auto;"
loading="lazy"
></iframe>Layers (17)
slim bar #1d1d1d
solid
slim bar #090909
solid
square #32006a
solid
square #ffffff
solid
square #00214c
solid
short bar #c0c0c0
solid
short bar #00c0c0
solid
short bar #c000c0
solid
short bar #0000c0
solid
big bar #0000c0
solid
big bar #c00000
solid
big bar #c000c0
solid
big bar #00c000
solid
big bar #00c0c0
solid
big bar #c0c000
solid
big bar #c0c0c0
solid
Background
solid
GRADIENT
.ART
css