گرادیان زاویهای آبی، شتری و نارنجی
گرادیان زاویهای، 32 رنگ با زاویه 225°: #5f86c4, #c2a4cc, #f3a99c, #f7c66c, #e98c3a. ویرایش کنید و خروجی CSS، SVG، PNG یا شیدر بگیرید.
5 کیفریم OKLCH ویرایشپذیر.
- #5f86c4
- #6988c7
- #778bc9
- #858fcb
- #9494cc
- #a299cd
- #ae9dcd
- #b9a2cd
- #c2a4cc
- #caa6ca
- #d2a6c7
- #d9a6c2
- #dfa6bb
- #e5a5b4
- #eba6ac
- #efa7a4
- #f3a99c
- #f7ad94
- #fab18c
- #fcb785
- #fcbc7e
- #fcc178
- #fac472
- #f7c66c
- #f5c465
- #f3be5d
- #f1b654
- #f0ad4b
- #eea344
- #ed993f
- #eb913c
- #e98c3a
CSS
background: conic-gradient(from 225deg in oklch, oklch(61.81% 0.1047 259.45) 0.0%, oklch(62.98% 0.1011 263.83) 3.2%, oklch(64.62% 0.0957 269.56) 6.5%, oklch(66.58% 0.0893 276.38) 9.7%, oklch(68.70% 0.0824 284.02) 12.9%, oklch(70.84% 0.0759 292.22) 16.1%, oklch(72.85% 0.0703 300.71) 19.4%, oklch(74.57% 0.0663 309.22) 22.6%, oklch(75.87% 0.0646 317.53) 25.8%, oklch(76.82% 0.0648 326.21) 29.0%, oklch(77.52% 0.0666 335.41) 32.3%, oklch(78.03% 0.0695 344.92) 35.5%, oklch(78.44% 0.0733 354.54) 38.7%, oklch(78.80% 0.0776 4.08) 41.9%, oklch(79.18% 0.0820 13.33) 45.2%, oklch(79.64% 0.0862 22.11) 48.4%, oklch(80.26% 0.0901 30.41) 51.6%, oklch(81.13% 0.0943 39.08) 54.8%, oklch(82.14% 0.0988 47.92) 58.1%, oklch(83.17% 0.1035 56.53) 61.3%, oklch(84.11% 0.1083 64.51) 64.5%, oklch(84.83% 0.1130 71.45) 67.7%, oklch(85.21% 0.1175 76.96) 71.0%, oklch(85.14% 0.1217 80.63) 74.2%, oklch(84.47% 0.1255 81.95) 77.4%, oklch(83.14% 0.1294 80.80) 80.6%, oklch(81.37% 0.1332 77.80) 83.9%, oklch(79.32% 0.1368 73.60) 87.1%, oklch(77.22% 0.1401 68.87) 90.3%, oklch(75.24% 0.1430 64.25) 93.5%, oklch(73.58% 0.1455 60.39) 96.8%, oklch(72.44% 0.1474 57.97) 100.0%);