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

Цветовые кольца, 32 цвета: #e0d7c6, #95816c, #644a34, #97856c, #e5dfc9. Редактируйте и экспортируйте в CSS, SVG, PNG или шейдер.

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

• #e0d7c6
• #dad1c0
• #d3c9b7
• #cabfac
• #c0b4a0
• #b6a893
• #ab9b86
• #a08e79
• #95816c
• #8a7560
• #806a54
• #78604a
• #705742
• #6a503b
• #664c36
• #644934
• #644a34
• #674c36
• #6b523b
• #725942
• #79624a
• #836c54
• #8d7860
• #97856c
• #a39279
• #aea087
• #baad95
• #c4baa2
• #cfc5ae
• #d8d0b9
• #dfd8c2
• #e5dfc9

CSS

background: radial-gradient(circle at 50% 50%, oklch(88.19% 0.0248 85.08) 0.000% 3.125%, oklch(86.37% 0.0258 84.04) 3.125% 6.250%, oklch(83.89% 0.0271 82.61) 6.250% 9.375%, oklch(80.88% 0.0287 80.86) 9.375% 12.500%, oklch(77.44% 0.0305 78.85) 12.500% 15.625%, oklch(73.67% 0.0325 76.65) 15.625% 18.750%, oklch(69.71% 0.0346 74.34) 18.750% 21.875%, oklch(65.64% 0.0368 71.98) 21.875% 25.000%, oklch(61.59% 0.0389 69.64) 25.000% 28.125%, oklch(57.67% 0.0411 67.39) 28.125% 31.250%, oklch(53.99% 0.0431 65.30) 31.250% 34.375%, oklch(50.65% 0.0449 63.43) 34.375% 37.500%, oklch(47.77% 0.0465 61.87) 37.500% 40.625%, oklch(45.46% 0.0478 60.67) 40.625% 43.750%, oklch(43.83% 0.0488 59.90) 43.750% 46.875%, oklch(43.00% 0.0495 59.64) 46.875% 50.000%, oklch(43.06% 0.0496 59.95) 50.000% 53.125%, oklch(44.03% 0.0494 60.86) 53.125% 56.250%, oklch(45.80% 0.0488 62.30) 56.250% 59.375%, oklch(48.25% 0.0479 64.20) 59.375% 62.500%, oklch(51.28% 0.0467 66.48) 62.500% 65.625%, oklch(54.76% 0.0452 69.06) 65.625% 68.750%, oklch(58.60% 0.0436 71.86) 68.750% 71.875%, oklch(62.67% 0.0419 74.82) 71.875% 75.000%, oklch(66.86% 0.0402 77.84) 75.000% 78.125%, oklch(71.06% 0.0384 80.86) 78.125% 81.250%, oklch(75.15% 0.0367 83.80) 81.250% 84.375%, oklch(79.04% 0.0350 86.58) 84.375% 87.500%, oklch(82.59% 0.0335 89.12) 87.500% 90.625%, oklch(85.70% 0.0322 91.36) 90.625% 93.750%, oklch(88.26% 0.0311 93.21) 93.750% 96.875%, oklch(90.16% 0.0303 94.59) 96.875% 100.000%);

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

Мягкие нейтральные градиентыТёплые нейтральные градиентыПриглушённые градиенты

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