Чорний і сірий: лінійні зразки

Лінійні зразки, 32 кольори, кут 135°: #1b1b18, #504e4c, #91877f, #d5c3c2, #9a8595. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

6 ключових кадрів OKLCH, які можна редагувати.

#1b1b18
#1f1e1c
#252422
#2b2a28
#333130
#3a3938
#41403f
#484745
#504e4c
#575452
#5f5b58
#66625e
#6e6964
#77716b
#7f7871
#887f78
#91877f
#9a8e86
#a3968d
#ac9d96
#b7a7a0
#c2b1ac
#ccbbb8
#d5c3c2
#dac8c9
#dbc8cb
#d5c1c6
#cab6bd
#bda8b1
#af99a6
#a38d9c
#9a8595

CSS

background: linear-gradient(135deg, oklch(22.05% 0.0055 93.52) 0.000% 3.125%, oklch(23.69% 0.0051 90.58) 3.125% 6.250%, oklch(25.96% 0.0044 86.28) 6.250% 9.375%, oklch(28.65% 0.0037 81.28) 9.375% 12.500%, oklch(31.57% 0.0030 76.23) 12.500% 15.625%, oklch(34.51% 0.0026 71.78) 15.625% 18.750%, oklch(37.28% 0.0027 68.59) 18.750% 21.875%, oklch(39.82% 0.0033 67.14) 21.875% 25.000%, oklch(42.36% 0.0043 67.10) 25.000% 28.125%, oklch(44.89% 0.0057 67.90) 28.125% 31.250%, oklch(47.42% 0.0072 68.97) 31.250% 34.375%, oklch(49.96% 0.0088 69.74) 34.375% 37.500%, oklch(52.52% 0.0104 69.63) 37.500% 40.625%, oklch(55.09% 0.0119 68.33) 40.625% 43.750%, oklch(57.70% 0.0137 66.53) 43.750% 46.875%, oklch(60.32% 0.0155 64.26) 46.875% 50.000%, oklch(62.95% 0.0172 61.47) 50.000% 53.125%, oklch(65.57% 0.0188 58.08) 53.125% 56.250%, oklch(68.15% 0.0201 54.02) 56.250% 59.375%, oklch(70.77% 0.0209 49.19) 59.375% 62.500%, oklch(73.92% 0.0211 43.20) 62.500% 65.625%, oklch(77.35% 0.0207 36.31) 65.625% 68.750%, oklch(80.61% 0.0203 28.92) 68.750% 71.875%, oklch(83.25% 0.0200 21.43) 71.875% 75.000%, oklch(84.84% 0.0201 14.24) 75.000% 78.125%, oklch(84.90% 0.0209 7.72) 78.125% 81.250%, oklch(82.97% 0.0227 1.23) 81.250% 84.375%, oklch(79.46% 0.0251 354.64) 84.375% 87.500%, oklch(75.11% 0.0278 348.28) 87.500% 90.625%, oklch(70.64% 0.0305 342.51) 90.625% 93.750%, oklch(66.75% 0.0329 337.67) 93.750% 96.875%, oklch(64.17% 0.0344 334.10) 96.875% 100.000%);

У цих колекціях

Чорно-білі градієнти

Схожі палітри Колекції Завантажити PNG JSON палітри Markdown Як це працює