차가운 네이비·파랑·시안 선형 스와치
선형 스와치, 색상 32개, 각도 90°: #0c0632, #171384, #0e53e2, #00acfa, #54fde6. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 6개.
- #0c0632
- #0e0638
- #100740
- #11074a
- #130855
- #150961
- #160b6c
- #170f78
- #171384
- #171890
- #151f9d
- #1226aa
- #0e2eb6
- #0837c1
- #0740cd
- #0a49d8
- #0e53e2
- #0e5eec
- #0769f4
- #0077f7
- #0085f7
- #0093f7
- #00a0f9
- #00acfa
- #06b8fb
- #19c4fa
- #1ccff9
- #1edbf7
- #27e6f4
- #35f0ef
- #46f7ea
- #54fde6
CSS
background: linear-gradient(90deg, oklch(17.32% 0.0827 280.55) 0.000% 3.125%, oklch(18.26% 0.0903 279.78) 3.125% 6.250%, oklch(19.52% 0.1009 278.75) 6.250% 9.375%, oklch(21.02% 0.1134 277.51) 9.375% 12.500%, oklch(22.72% 0.1268 276.15) 12.500% 15.625%, oklch(24.53% 0.1401 274.76) 15.625% 18.750%, oklch(26.40% 0.1521 273.41) 18.750% 21.875%, oklch(28.31% 0.1631 272.10) 21.875% 25.000%, oklch(30.35% 0.1744 270.71) 25.000% 28.125%, oklch(32.50% 0.1855 269.29) 28.125% 31.250%, oklch(34.76% 0.1960 267.86) 31.250% 34.375%, oklch(37.11% 0.2052 266.48) 34.375% 37.500%, oklch(39.55% 0.2126 265.18) 37.500% 40.625%, oklch(42.08% 0.2180 264.10) 40.625% 43.750%, oklch(44.75% 0.2223 263.48) 43.750% 46.875%, oklch(47.52% 0.2252 263.07) 46.875% 50.000%, oklch(50.37% 0.2266 262.55) 50.000% 53.125%, oklch(53.26% 0.2261 261.59) 53.125% 56.250%, oklch(56.15% 0.2233 259.88) 56.250% 59.375%, oklch(59.03% 0.2108 257.15) 59.375% 62.500%, oklch(61.99% 0.1947 253.59) 62.500% 65.625%, oklch(65.01% 0.1811 249.38) 65.625% 68.750%, oklch(68.03% 0.1698 244.59) 68.750% 71.875%, oklch(70.99% 0.1607 239.30) 71.875% 75.000%, oklch(73.83% 0.1529 233.58) 75.000% 78.125%, oklch(76.51% 0.1448 227.50) 78.125% 81.250%, oklch(79.19% 0.1406 220.13) 81.250% 84.375%, oklch(81.88% 0.1388 211.63) 84.375% 87.500%, oklch(84.45% 0.1387 202.79) 87.500% 90.625%, oklch(86.77% 0.1395 194.42) 90.625% 93.750%, oklch(88.72% 0.1404 187.32) 93.750% 96.875%, oklch(90.16% 0.1406 182.27) 96.875% 100.000%);