Бірюзовий, блакитний і білий, аналогова гама: радіальний градієнт

Радіальний градієнт, 32 кольори: #5ecbb7, #b6f1e1, #eafbf7, #a7ebdd, #47b2ac. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #5ecbb7
• #66ceba
• #70d2bf
• #7cd8c4
• #89ddca
• #95e3d1
• #a1e8d7
• #aceddc
• #b6f1e1
• #bff4e6
• #c9f6ea
• #d3f8ee
• #dcfaf2
• #e4fbf4
• #e9fcf6
• #ebfcf7
• #eafbf7
• #e6faf5
• #dff9f3
• #d6f8ef
• #cbf5eb
• #bff3e7
• #b3efe2
• #a7ebdd
• #9ce5d8
• #90ded1
• #82d6ca
• #75cec3
• #67c5bb
• #5bbdb5
• #50b7af
• #47b2ac

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(77.17% 0.1047 180.00) 0.0%, oklch(78.32% 0.1016 179.72) 3.2%, oklch(79.92% 0.0974 179.30) 6.5%, oklch(81.82% 0.0925 178.81) 9.7%, oklch(83.90% 0.0870 178.28) 12.9%, oklch(86.02% 0.0811 177.77) 16.1%, oklch(88.04% 0.0750 177.32) 19.4%, oklch(89.83% 0.0691 176.98) 22.6%, oklch(91.28% 0.0633 176.80) 25.8%, oklch(92.60% 0.0565 176.74) 29.0%, oklch(93.88% 0.0487 176.76) 32.3%, oklch(95.06% 0.0405 176.87) 35.5%, oklch(96.08% 0.0326 177.03) 38.7%, oklch(96.89% 0.0258 177.24) 41.9%, oklch(97.44% 0.0208 177.48) 45.2%, oklch(97.66% 0.0181 177.75) 48.4%, oklch(97.52% 0.0186 178.02) 51.6%, oklch(97.02% 0.0224 178.29) 54.8%, oklch(96.22% 0.0288 178.57) 58.1%, oklch(95.15% 0.0369 178.88) 61.3%, oklch(93.85% 0.0459 179.25) 64.5%, oklch(92.37% 0.0551 179.69) 67.7%, oklch(90.75% 0.0635 180.22) 71.0%, oklch(89.03% 0.0703 180.87) 74.2%, oklch(87.09% 0.0754 181.70) 77.4%, oklch(84.68% 0.0799 182.78) 80.6%, oklch(81.96% 0.0840 184.01) 83.9%, oklch(79.12% 0.0877 185.32) 87.1%, oklch(76.33% 0.0909 186.61) 90.3%, oklch(73.77% 0.0936 187.80) 93.5%, oklch(71.63% 0.0959 188.80) 96.8%, oklch(70.08% 0.0978 189.51) 100.0%);

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

М’ятна палітра кольорів

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