Negro, gris y blanco en muestras lineales

Muestras lineales, 32 colores a 135°: #050607, #2b3036, #6f7881, #afb6bd, #e8ecef. Edita y exporta CSS, SVG, PNG o un shader.

5 fotogramas clave OKLCH editables.

#050607
#06080a
#090b0e
#0e1013
#131519
#181b20
#1e2227
#25292e
#2b3036
#32373e
#3a4047
#424950
#4b525a
#545b64
#5d656e
#666e78
#6f7881
#78818a
#818a93
#8a939c
#949ca4
#9da5ad
#a6aeb5
#afb6bd
#b7bec4
#c0c6cc
#c8ced3
#d0d6da
#d7dde0
#dee3e6
#e4e8eb
#e8ecef

CSS

background: linear-gradient(135deg, oklch(11.81% 0.0055 260.16) 0.000% 3.125%, oklch(13.21% 0.0061 259.73) 3.125% 6.250%, oklch(15.02% 0.0068 259.17) 6.250% 9.375%, oklch(17.18% 0.0077 258.50) 9.375% 12.500%, oklch(19.61% 0.0087 257.75) 12.500% 15.625%, oklch(22.24% 0.0098 256.96) 15.625% 18.750%, oklch(24.99% 0.0108 256.17) 18.750% 21.875%, oklch(27.81% 0.0118 255.41) 21.875% 25.000%, oklch(30.63% 0.0126 254.70) 25.000% 28.125%, oklch(33.61% 0.0135 254.02) 28.125% 31.250%, oklch(36.79% 0.0144 253.34) 31.250% 34.375%, oklch(40.11% 0.0154 252.66) 34.375% 37.500%, oklch(43.50% 0.0162 251.97) 37.500% 40.625%, oklch(46.92% 0.0170 251.29) 40.625% 43.750%, oklch(50.28% 0.0176 250.61) 43.750% 46.875%, oklch(53.55% 0.0179 249.93) 46.875% 50.000%, oklch(56.67% 0.0179 249.25) 50.000% 53.125%, oklch(59.79% 0.0176 248.57) 53.125% 56.250%, oklch(62.89% 0.0170 247.88) 56.250% 59.375%, oklch(65.97% 0.0162 247.20) 59.375% 62.500%, oklch(68.97% 0.0154 246.52) 62.500% 65.625%, oklch(71.88% 0.0144 245.84) 65.625% 68.750%, oklch(74.68% 0.0135 245.16) 68.750% 71.875%, oklch(77.32% 0.0126 244.48) 71.875% 75.000%, oklch(79.85% 0.0118 243.77) 75.000% 78.125%, oklch(82.37% 0.0108 243.01) 78.125% 81.250%, oklch(84.83% 0.0098 242.22) 81.250% 84.375%, oklch(87.17% 0.0087 241.43) 84.375% 87.500%, oklch(89.33% 0.0077 240.68) 87.500% 90.625%, oklch(91.24% 0.0068 240.01) 90.625% 93.750%, oklch(92.85% 0.0061 239.44) 93.750% 96.875%, oklch(94.09% 0.0055 239.02) 96.875% 100.000%);

En estas colecciones

Paleta de colores de fin de año