Чёрный и коричневый, без шва: цветовые кольца

Цветовые кольца, 32 цвета: #121412, #252b1f, #3e4328, #333723, #161a17. Редактируйте и экспортируйте в CSS, SVG, PNG или шейдер.

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

• #121412
• #131613
• #151815
• #171b17
• #1a1e18
• #1d211a
• #1f241c
• #22271d
• #252b1f
• #292f20
• #2c3221
• #2f3522
• #323923
• #353b24
• #383e25
• #3c4127
• #3e4328
• #404429
• #414529
• #404429
• #3e4228
• #3b3f27
• #373b25
• #333723
• #2e3322
• #2a2f20
• #262c1f
• #21281e
• #1d241c
• #1a201a
• #171c19
• #161a17

CSS

background: radial-gradient(circle at 50% 50%, oklch(18.90% 0.0055 150.47) 0.000% 3.125%, oklch(19.58% 0.0067 148.39) 3.125% 6.250%, oklch(20.52% 0.0084 145.44) 6.250% 9.375%, oklch(21.63% 0.0103 141.98) 9.375% 12.500%, oklch(22.86% 0.0125 138.35) 12.500% 15.625%, oklch(24.12% 0.0149 134.88) 15.625% 18.750%, oklch(25.35% 0.0174 131.94) 18.750% 21.875%, oklch(26.57% 0.0202 129.63) 21.875% 25.000%, oklch(27.90% 0.0234 127.60) 25.000% 28.125%, oklch(29.26% 0.0269 125.81) 28.125% 31.250%, oklch(30.62% 0.0303 124.20) 31.250% 34.375%, oklch(31.90% 0.0336 122.74) 34.375% 37.500%, oklch(33.05% 0.0363 121.40) 37.500% 40.625%, oklch(34.08% 0.0385 120.11) 40.625% 43.750%, oklch(35.14% 0.0404 118.83) 43.750% 46.875%, oklch(36.15% 0.0422 117.64) 46.875% 50.000%, oklch(37.02% 0.0435 116.65) 50.000% 53.125%, oklch(37.63% 0.0443 115.93) 53.125% 56.250%, oklch(37.87% 0.0444 115.58) 56.250% 59.375%, oklch(37.63% 0.0437 115.66) 59.375% 62.500%, oklch(36.86% 0.0420 115.87) 62.500% 65.625%, oklch(35.67% 0.0395 116.28) 65.625% 68.750%, oklch(34.21% 0.0365 117.08) 68.750% 71.875%, oklch(32.63% 0.0333 118.46) 71.875% 75.000%, oklch(31.06% 0.0300 120.60) 75.000% 78.125%, oklch(29.65% 0.0270 123.72) 78.125% 81.250%, oklch(28.16% 0.0237 128.54) 81.250% 84.375%, oklch(26.55% 0.0201 134.75) 84.375% 87.500%, oklch(24.94% 0.0165 141.58) 87.500% 90.625%, oklch(23.44% 0.0132 148.23) 90.625% 93.750%, oklch(22.17% 0.0103 153.92) 93.750% 96.875%, oklch(21.26% 0.0083 157.87) 96.875% 100.000%);

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

Приглушённые градиентыТёмные приглушённые градиенты

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