Райдужний (бірюзовий → синій): радіальні зразки

Радіальні зразки, 32 кольори: #72d2c0, #ba5e4c, #e8c25a, #56376e, #2f8eb1. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #72d2c0
• #75cbaa
• #81bf88
• #94ad62
• #a69740
• #b28130
• #b76e36
• #b86143
• #ba5e4c
• #c2634f
• #ce714d
• #da8548
• #e29c46
• #e5b24c
• #e5c356
• #e6ca5d
• #e8c25a
• #e7ae53
• #de9153
• #ca745c
• #ae5a65
• #8c476c
• #6d3c6e
• #56376e
• #483972
• #3f4079
• #3a4c83
• #365a8f
• #346a9b
• #3279a5
• #3185ad
• #2f8eb1

CSS

background: radial-gradient(circle at 50% 50%, oklch(79.92% 0.0951 180.00) 0.000% 3.125%, oklch(77.88% 0.0974 166.73) 3.125% 6.250%, oklch(74.80% 0.1007 147.41) 6.250% 9.375%, oklch(71.10% 0.1046 124.31) 9.375% 12.500%, oklch(67.24% 0.1089 99.71) 12.500% 15.625%, oklch(63.64% 0.1132 75.90) 15.625% 18.750%, oklch(60.74% 0.1172 55.16) 18.750% 21.875%, oklch(58.97% 0.1206 39.77) 21.875% 25.000%, oklch(58.81% 0.1232 32.03) 25.000% 28.125%, oklch(60.85% 0.1255 33.36) 28.125% 31.250%, oklch(64.66% 0.1278 41.71) 31.250% 34.375%, oklch(69.50% 0.1297 54.41) 34.375% 37.500%, oklch(74.61% 0.1312 68.77) 37.500% 40.625%, oklch(79.25% 0.1322 82.10) 40.625% 43.750%, oklch(82.67% 0.1324 91.73) 43.750% 46.875%, oklch(84.11% 0.1317 94.96) 46.875% 50.000%, oklch(82.83% 0.1298 89.50) 50.000% 53.125%, oklch(78.64% 0.1261 76.59) 53.125% 56.250%, oklch(72.35% 0.1212 58.24) 56.250% 59.375%, oklch(64.82% 0.1154 36.25) 59.375% 62.500%, oklch(56.94% 0.1094 12.43) 62.500% 65.625%, oklch(49.56% 0.1038 348.61) 65.625% 68.750%, oklch(43.58% 0.0990 326.58) 68.750% 71.875%, oklch(39.85% 0.0956 308.17) 71.875% 75.000%, oklch(38.92% 0.0940 293.72) 75.000% 78.125%, oklch(40.14% 0.0936 280.54) 78.125% 81.250%, oklch(42.92% 0.0942 268.53) 81.250% 84.375%, oklch(46.70% 0.0954 257.72) 84.375% 87.500%, oklch(50.93% 0.0970 248.15) 87.500% 90.625%, oklch(55.03% 0.0985 239.85) 90.625% 93.750%, oklch(58.45% 0.0998 232.86) 93.750% 96.875%, oklch(60.63% 0.1006 227.20) 96.875% 100.000%);

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

У стразах

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