Чорний, сірий, блакитний і темно-синій: радіальний градієнт

Радіальний градієнт, 32 кольори: #0b0f12, #68674b, #d4eed4, #9cd1e4, #163f6b. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #0b0f12
• #0c1315
• #101817
• #181e18
• #24251c
• #323024
• #43402f
• #56523c
• #68674b
• #797b5b
• #8b8e6d
• #9ea280
• #afb693
• #bdc8a5
• #c7d6b5
• #cfe3c6
• #d4eed4
• #d6f5e0
• #d4f8e8
• #cef7ed
• #c4f2ef
• #b8eaee
• #abdfeb
• #9cd1e4
• #89c1db
• #74afcf
• #619cc1
• #5089b2
• #3e739f
• #2d5e8a
• #1f4b78
• #163f6b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(16.54% 0.0096 244.69) 0.0%, oklch(18.01% 0.0106 220.21) 3.2%, oklch(19.97% 0.0117 184.17) 6.5%, oklch(22.61% 0.0135 146.14) 9.7%, oklch(26.13% 0.0163 115.68) 12.9%, oklch(30.80% 0.0207 100.67) 16.1%, oklch(36.84% 0.0273 97.29) 19.4%, oklch(43.69% 0.0347 100.59) 22.6%, oklch(50.68% 0.0414 106.18) 25.8%, oklch(57.19% 0.0459 109.68) 29.0%, oklch(63.60% 0.0481 111.49) 32.3%, oklch(70.05% 0.0489 113.73) 35.5%, oklch(76.11% 0.0488 116.89) 38.7%, oklch(81.38% 0.0483 121.51) 41.9%, oklch(85.67% 0.0476 128.01) 45.2%, oklch(89.37% 0.0458 136.25) 48.4%, oklch(92.30% 0.0438 145.71) 51.6%, oklch(94.23% 0.0426 155.89) 54.8%, oklch(94.96% 0.0430 166.38) 58.1%, oklch(94.43% 0.0449 178.32) 61.3%, oklch(92.82% 0.0477 191.11) 64.5%, oklch(90.32% 0.0514 203.40) 67.7%, oklch(87.12% 0.0558 213.84) 71.0%, oklch(83.12% 0.0615 221.69) 74.2%, oklch(78.13% 0.0688 227.77) 77.4%, oklch(72.53% 0.0764 232.68) 80.6%, oklch(66.68% 0.0828 236.98) 83.9%, oklch(60.80% 0.0868 241.21) 87.1%, oklch(53.96% 0.0887 245.10) 90.3%, oklch(46.86% 0.0894 248.46) 93.5%, oklch(40.59% 0.0894 251.18) 96.8%, oklch(36.22% 0.0896 253.14) 100.0%);

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

Евкаліпт в інеї

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