Чорний, темно-зелений, бірюзовий і фіолетовий: радіальний градієнт

Радіальний градієнт, 32 кольори: #020604, #0c2719, #116342, #215a71, #54298b. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #020604
• #020805
• #030b07
• #040e09
• #05120b
• #06170e
• #081c12
• #0a2115
• #0c2719
• #0e2e1d
• #113621
• #143e25
• #184729
• #1b502e
• #1c5833
• #195e3a
• #116342
• #03654b
• #006655
• #00655d
• #056364
• #136069
• #1c5d6d
• #215a71
• #245876
• #26547c
• #2c4e82
• #344888
• #3d408b
• #46378d
• #4e2f8c
• #54298b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(11.42% 0.0138 165.23) 0.0%, oklch(12.37% 0.0158 164.69) 3.2%, oklch(13.60% 0.0184 163.92) 6.5%, oklch(15.05% 0.0214 163.00) 9.7%, oklch(16.70% 0.0248 162.00) 12.9%, oklch(18.51% 0.0287 161.01) 16.1%, oklch(20.44% 0.0330 160.09) 19.4%, oklch(22.46% 0.0376 159.33) 22.6%, oklch(24.55% 0.0427 158.74) 25.8%, oklch(27.00% 0.0490 157.62) 29.0%, oklch(29.79% 0.0566 155.99) 32.3%, oklch(32.75% 0.0648 154.30) 35.5%, oklch(35.72% 0.0729 153.00) 38.7%, oklch(38.53% 0.0805 152.52) 41.9%, oklch(41.00% 0.0867 153.31) 45.2%, oklch(42.96% 0.0910 155.81) 48.4%, oklch(44.28% 0.0928 160.46) 51.6%, oklch(45.07% 0.0910 167.36) 54.8%, oklch(45.44% 0.0849 176.02) 58.1%, oklch(45.48% 0.0798 185.97) 61.3%, oklch(45.28% 0.0757 196.70) 64.5%, oklch(44.93% 0.0711 207.68) 67.7%, oklch(44.53% 0.0686 218.43) 71.0%, oklch(44.17% 0.0694 228.43) 74.2%, oklch(43.82% 0.0746 237.86) 77.4%, oklch(43.28% 0.0837 247.91) 80.6%, oklch(42.60% 0.0957 258.23) 83.9%, oklch(41.85% 0.1092 268.41) 87.1%, oklch(41.09% 0.1230 278.04) 90.3%, oklch(40.38% 0.1360 286.70) 93.5%, oklch(39.79% 0.1468 293.97) 96.8%, oklch(39.37% 0.1543 299.44) 100.0%);

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

Градієнти на КіберпонеділокГрадієнти полярного сяйва

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