네이비·피치·보라·회색 방사형 스와치
방사형 스와치, 색상 32개: #1e172c, #ebb58f, #a182af, #3b506e, #f1d4c4. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 5개.
- #1e172c
- #2e2239
- #483249
- #69465a
- #8d5f68
- #af7974
- #cb947f
- #dfa988
- #ebb58f
- #f1b895
- #f3b49a
- #efaba0
- #e5a1a7
- #d697ad
- #c38eb1
- #b188b1
- #a182af
- #8d7aa9
- #77719f
- #616792
- #4f5d84
- #415678
- #3a5170
- #3b506e
- #465474
- #5d5e7f
- #7a6e8d
- #9b8199
- #ba98a4
- #d3afb0
- #e6c5bb
- #f1d4c4
CSS
background: radial-gradient(circle at 50% 50%, oklch(22.44% 0.0413 298.13) 0.000% 3.125%, oklch(27.63% 0.0447 309.16) 3.125% 6.250%, oklch(35.13% 0.0496 325.56) 6.250% 9.375%, oklch(44.09% 0.0554 345.19) 9.375% 12.500%, oklch(53.66% 0.0617 5.89) 12.500% 15.625%, oklch(63.02% 0.0678 25.52) 15.625% 18.750%, oklch(71.30% 0.0733 41.94) 18.750% 21.875%, oklch(77.68% 0.0777 52.99) 21.875% 25.000%, oklch(81.35% 0.0804 56.60) 25.000% 28.125%, oklch(82.64% 0.0818 52.76) 28.125% 31.250%, oklch(82.17% 0.0823 43.20) 31.250% 34.375%, oklch(80.37% 0.0820 29.54) 34.375% 37.500%, oklch(77.63% 0.0811 13.37) 37.500% 40.625%, oklch(74.36% 0.0797 356.32) 40.625% 43.750%, oklch(70.97% 0.0782 339.97) 43.750% 46.875%, oklch(67.86% 0.0766 325.95) 46.875% 50.000%, oklch(65.14% 0.0750 314.96) 50.000% 53.125%, oklch(61.51% 0.0730 303.03) 53.125% 56.250%, oklch(57.16% 0.0706 290.44) 56.250% 59.375%, oklch(52.61% 0.0680 278.33) 59.375% 62.500%, oklch(48.38% 0.0653 267.86) 62.500% 65.625%, oklch(44.96% 0.0624 260.17) 65.625% 68.750%, oklch(42.87% 0.0597 256.42) 68.750% 71.875%, oklch(42.63% 0.0571 257.76) 71.875% 75.000%, oklch(44.82% 0.0546 265.97) 75.000% 78.125%, oklch(49.51% 0.0520 281.94) 78.125% 81.250%, oklch(55.98% 0.0493 303.44) 81.250% 84.375%, oklch(63.49% 0.0467 328.09) 84.375% 87.500%, oklch(71.29% 0.0442 353.55) 87.500% 90.625%, oklch(78.64% 0.0419 17.46) 90.625% 93.750%, oklch(84.78% 0.0400 37.46) 93.750% 96.875%, oklch(88.98% 0.0386 51.20) 96.875% 100.000%);