明るい青、グレー、紫とサーモンの円錐スウォッチ
円錐スウォッチ、64色、角度315°：#d8eef0, #6e8b8d, #c48556, #994c5a, #db573f。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #d8eef0
- #d4ebec
- #cfe7e8
- #c9e3e2
- #c3dedc
- #bdd9d5
- #b6d3ce
- #afcdc6
- #a8c7bf
- #a1c1b7
- #9abab0
- #93b4a9
- #8baea4
- #84a79f
- #7d9f9a
- #759694
- #6e8b8d
- #688185
- #62767d
- #5d6c74
- #58626b
- #545a63
- #50545d
- #4e4f58
- #4d4c56
- #504b56
- #564c59
- #624f5e
- #735563
- #885d66
- #9e6765
- #b3755f
- #c48556
- #d0994d
- #d6ac47
- #d6bf48
- #d2ce4d
- #cdd853
- #cadb54
- #cbd74c
- #d0cb3d
- #d5ba2b
- #d7a622
- #d5902a
- #cc7a3a
- #be6748
- #ac5853
- #994c5a
- #87435d
- #793d5e
- #6f395e
- #6b375e
- #6c3660
- #703761
- #783863
- #823a64
- #8f3c64
- #9c3f63
- #aa4360
- #b8475b
- #c44b54
- #ce504d
- #d65445
- #db573f
CSS
background: conic-gradient(from 315deg, oklch(93.31% 0.0234 203.20) 0.000% 1.563%, oklch(92.30% 0.0243 201.59) 1.563% 3.125%, oklch(91.07% 0.0255 198.96) 3.125% 4.688%, oklch(89.65% 0.0270 195.56) 4.688% 6.250%, oklch(88.06% 0.0287 191.68) 6.250% 7.813%, oklch(86.32% 0.0305 187.59) 7.813% 9.375%, oklch(84.46% 0.0323 183.56) 9.375% 10.938%, oklch(82.50% 0.0342 179.85) 10.938% 12.500%, oklch(80.47% 0.0359 176.74) 12.500% 14.063%, oklch(78.39% 0.0374 174.50) 14.063% 15.625%, oklch(76.29% 0.0386 173.41) 15.625% 17.188%, oklch(74.18% 0.0395 173.72) 17.188% 18.750%, oklch(72.10% 0.0399 175.72) 18.750% 20.313%, oklch(70.01% 0.0398 179.64) 20.313% 21.875%, oklch(67.55% 0.0385 185.26) 21.875% 23.438%, oklch(64.73% 0.0362 192.35) 23.438% 25.000%, oklch(61.65% 0.0332 200.73) 25.000% 26.563%, oklch(58.44% 0.0296 210.23) 26.563% 28.125%, oklch(55.21% 0.0260 220.68) 28.125% 29.688%, oklch(52.08% 0.0224 231.90) 29.688% 31.250%, oklch(49.17% 0.0192 243.70) 31.250% 32.813%, oklch(46.60% 0.0168 255.92) 32.813% 34.375%, oklch(44.48% 0.0153 268.38) 34.375% 35.938%, oklch(42.94% 0.0151 280.91) 35.938% 37.500%, oklch(42.08% 0.0165 293.32) 37.500% 39.063%, oklch(42.03% 0.0198 305.45) 39.063% 40.625%, oklch(43.03% 0.0254 318.01) 40.625% 42.188%, oklch(45.29% 0.0339 332.50) 42.188% 43.750%, oklch(48.57% 0.0447 348.47) 43.750% 45.313%, oklch(52.64% 0.0572 5.40) 45.313% 46.875%, oklch(57.26% 0.0709 22.77) 46.875% 48.438%, oklch(62.18% 0.0853 40.08) 48.438% 50.000%, oklch(67.18% 0.0998 56.80) 50.000% 51.563%, oklch(72.02% 0.1139 72.42) 51.563% 53.125%, oklch(76.45% 0.1270 86.43) 53.125% 54.688%, oklch(80.25% 0.1386 98.30) 54.688% 56.250%, oklch(83.16% 0.1482 107.54) 56.250% 57.813%, oklch(84.96% 0.1551 113.61) 57.813% 59.375%, oklch(85.40% 0.1590 115.99) 59.375% 60.938%, oklch(84.42% 0.1594 113.88) 60.938% 62.500%, oklch(82.22% 0.1570 107.62) 62.500% 64.063%, oklch(79.02% 0.1523 97.94) 64.063% 65.625%, oklch(75.05% 0.1457 85.59) 65.625% 67.188%, oklch(70.54% 0.1378 71.32) 67.188% 68.750%, oklch(65.70% 0.1292 55.87) 68.750% 70.313%, oklch(60.77% 0.1203 39.99) 70.313% 71.875%, oklch(55.97% 0.1118 24.41) 71.875% 73.438%, oklch(51.53% 0.1040 9.90) 73.438% 75.000%, oklch(47.67% 0.0976 357.18) 75.000% 76.563%, oklch(44.61% 0.0931 347.01) 76.563% 78.125%, oklch(42.59% 0.0910 340.13) 78.125% 79.688%, oklch(41.75% 0.0917 336.96) 79.688% 81.250%, oklch(41.78% 0.0945 336.43) 81.250% 82.813%, oklch(42.55% 0.0992 338.07) 82.813% 84.375%, oklch(43.92% 0.1054 341.50) 84.375% 85.938%, oklch(45.77% 0.1127 346.35) 85.938% 87.500%, oklch(47.97% 0.1207 352.26) 87.500% 89.063%, oklch(50.40% 0.1293 358.86) 89.063% 90.625%, oklch(52.92% 0.1379 5.78) 90.625% 92.188%, oklch(55.42% 0.1463 12.66) 92.188% 93.750%, oklch(57.76% 0.1542 19.12) 93.750% 95.313%, oklch(59.82% 0.1611 24.81) 95.313% 96.875%, oklch(61.48% 0.1668 29.34) 96.875% 98.438%, oklch(62.60% 0.1709 32.36) 98.438% 100.000%);