Бірюзовий, пісочно-коричневий, рожевий і фіолетовий: радіальні зразки

Радіальні зразки, 32 кольори: #004646, #00796d, #d59571, #eb5b7a, #733383. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #004646
• #004a4a
• #004e4f
• #005456
• #005a5d
• #006164
• #006969
• #00716d
• #00796d
• #008467
• #3b8c5a
• #67914f
• #8b944b
• #a79550
• #bc965c
• #cb9669
• #d59571
• #de9175
• #e58b76
• #eb8375
• #ef7a74
• #f16f74
• #f06475
• #eb5b7a
• #e35381
• #d54c87
• #c3468c
• #b0418d
• #9c3c8c
• #8b3989
• #7d3586
• #733383

CSS

background: radial-gradient(circle at 50% 50%, oklch(35.83% 0.0612 194.77) 0.000% 3.125%, oklch(37.02% 0.0632 194.88) 3.125% 6.250%, oklch(38.57% 0.0657 195.97) 6.250% 9.375%, oklch(40.41% 0.0688 197.31) 9.375% 12.500%, oklch(42.47% 0.0722 198.20) 12.500% 15.625%, oklch(44.71% 0.0760 197.92) 15.625% 18.750%, oklch(47.04% 0.0802 195.75) 18.750% 21.875%, oklch(49.42% 0.0851 190.97) 21.875% 25.000%, oklch(51.79% 0.0923 182.83) 25.000% 28.125%, oklch(54.53% 0.1077 170.20) 28.125% 31.250%, oklch(57.64% 0.1111 153.83) 31.250% 34.375%, oklch(60.91% 0.1045 135.00) 34.375% 37.500%, oklch(64.13% 0.0978 115.04) 37.500% 40.625%, oklch(67.10% 0.0921 95.27) 40.625% 43.750%, oklch(69.61% 0.0886 77.00) 43.750% 46.875%, oklch(71.45% 0.0882 61.54) 46.875% 50.000%, oklch(72.45% 0.0923 49.92) 50.000% 53.125%, oklch(72.83% 0.1015 41.07) 53.125% 56.250%, oklch(72.69% 0.1145 34.21) 56.250% 59.375%, oklch(72.10% 0.1297 28.78) 59.375% 62.500%, oklch(71.13% 0.1454 24.24) 62.500% 65.625%, oklch(69.84% 0.1601 20.01) 65.625% 68.750%, oklch(68.30% 0.1719 15.55) 68.750% 71.875%, oklch(66.59% 0.1795 10.28) 71.875% 75.000%, oklch(64.55% 0.1816 3.89) 75.000% 78.125%, oklch(61.82% 0.1796 356.80) 78.125% 81.250%, oklch(58.62% 0.1744 349.37) 81.250% 84.375%, oklch(55.18% 0.1672 341.95) 84.375% 87.500%, oklch(51.77% 0.1591 334.87) 87.500% 90.625%, oklch(48.62% 0.1513 328.48) 90.625% 93.750%, oklch(45.98% 0.1447 323.11) 93.750% 96.875%, oklch(44.09% 0.1406 319.11) 96.875% 100.000%);

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

Градієнти в стилі ретро

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