Бирюзовый, чёрный и коричневый, комплементарная гамма: цветовые полосы

Цветовые полосы, 32 цвета, угол 225°: #4f7a7f, #214047, #191d26, #512c34, #a24946. Редактируйте и экспортируйте в CSS, SVG, PNG или шейдер.

7 редактируемых ключевых точек OKLCH.

• #4f7a7f
• #4b767b
• #456f74
• #3f676d
• #385f65
• #32585e
• #2c5057
• #27484f
• #214047
• #1d3940
• #1a323a
• #182d35
• #162830
• #16232b
• #161f28
• #161d26
• #191d26
• #1d1e28
• #24202b
• #2c222d
• #35252f
• #3d2830
• #472a32
• #512c34
• #5d2e37
• #683139
• #72343b
• #7d383c
• #883d3f
• #924242
• #9b4645
• #a24946

CSS

background: linear-gradient(225deg, oklch(55.12% 0.0482 205.31) 0.000% 3.125%, oklch(53.54% 0.0478 205.74) 3.125% 6.250%, oklch(51.34% 0.0472 206.25) 6.250% 9.375%, oklch(48.74% 0.0465 206.95) 9.375% 12.500%, oklch(45.99% 0.0456 207.93) 12.500% 15.625%, oklch(43.33% 0.0443 209.27) 15.625% 18.750%, oklch(40.75% 0.0427 210.84) 18.750% 21.875%, oklch(37.98% 0.0408 212.43) 21.875% 25.000%, oklch(35.18% 0.0386 214.37) 25.000% 28.125%, oklch(32.54% 0.0363 217.01) 28.125% 31.250%, oklch(30.20% 0.0339 220.70) 31.250% 34.375%, oklch(28.24% 0.0312 225.41) 34.375% 37.500%, oklch(26.39% 0.0279 230.45) 37.500% 40.625%, oklch(24.78% 0.0243 236.37) 40.625% 43.750%, oklch(23.57% 0.0214 243.80) 43.750% 46.875%, oklch(22.91% 0.0195 253.40) 46.875% 50.000%, oklch(22.96% 0.0194 266.16) 50.000% 53.125%, oklch(23.78% 0.0201 283.64) 53.125% 56.250%, oklch(25.16% 0.0218 303.73) 56.250% 59.375%, oklch(26.89% 0.0247 323.80) 59.375% 62.500%, oklch(28.73% 0.0291 341.23) 62.500% 65.625%, oklch(30.51% 0.0355 353.56) 65.625% 68.750%, oklch(32.39% 0.0446 1.45) 68.750% 71.875%, oklch(34.44% 0.0559 6.41) 71.875% 75.000%, oklch(36.58% 0.0677 9.56) 75.000% 78.125%, oklch(38.75% 0.0790 12.04) 78.125% 81.250%, oklch(40.91% 0.0882 14.93) 81.250% 84.375%, oklch(43.30% 0.0961 17.73) 84.375% 87.500%, oklch(45.87% 0.1033 19.91) 87.500% 90.625%, oklch(48.34% 0.1096 21.59) 90.625% 93.750%, oklch(50.47% 0.1147 22.88) 93.750% 96.875%, oklch(51.97% 0.1185 23.90) 96.875% 100.000%);

В этих коллекциях

Тёмные градиентыГрадиенты для обоев рабочего столаАтмосферные градиентыUI-градиенты для тёмной темы

Похожие палитрыКоллекцииСкачать PNGJSON палитрыMarkdownКак это работает