黒、ネイビー、紫とオフホワイトの円錐スウォッチ
黒、ネイビー、紫とオフホワイトのパレット（64色）。 #17181b, #2b2b4c, #524086, #6861bc, #e06eb9, #f0d600, #dbfa9f, #f2f1dd。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
64色、編集できる OKLCH キーフレーム5個。
- #17181b
- #18191e
- #191b22
- #1b1d26
- #1d1f2c
- #1f2131
- #212337
- #24263e
- #282845
- #2b2b4c
- #2f2d53
- #342f5a
- #383261
- #3d3467
- #42366e
- #463974
- #4b3b7a
- #4f3d80
- #524086
- #54438c
- #574792
- #584a98
- #5a4e9e
- #5c52a5
- #5e56ab
- #605ab1
- #635db7
- #6861bc
- #6d64c2
- #7467c7
- #7e69cc
- #896bcf
- #966dd1
- #a66dd1
- #b96dce
- #cc6dc6
- #e06eb9
- #f370a8
- #ff7793
- #ff8984
- #ff9778
- #ffa56c
- #ffb15e
- #ffbc44
- #fcc900
- #f0d600
- #e4e220
- #d8ec43
- #d0f25a
- #cbf76b
- #cafa79
- #ccfc85
- #d0fc8e
- #d5fb97
- #dbfa9f
- #e1f9a6
- #e6f7ae
- #eaf5b5
- #eef4bd
- #f0f2c5
- #f1f1cc
- #f2f1d2
- #f2f0d8
- #f2f1dd
CSS
background: conic-gradient(from 135deg, oklch(20.87% 0.0055 271.41) 0.000% 1.563%, oklch(21.54% 0.0090 272.19) 1.563% 3.125%, oklch(22.33% 0.0134 273.18) 3.125% 4.688%, oklch(23.25% 0.0186 274.35) 4.688% 6.250%, oklch(24.27% 0.0244 275.66) 6.250% 7.813%, oklch(25.39% 0.0307 277.10) 7.813% 9.375%, oklch(26.58% 0.0374 278.63) 9.375% 10.938%, oklch(27.84% 0.0444 280.22) 10.938% 12.500%, oklch(29.15% 0.0516 281.85) 12.500% 14.063%, oklch(30.51% 0.0589 283.48) 14.063% 15.625%, oklch(31.89% 0.0662 285.10) 15.625% 17.188%, oklch(33.29% 0.0734 286.66) 17.188% 18.750%, oklch(34.69% 0.0803 288.15) 18.750% 20.313%, oklch(36.09% 0.0868 289.53) 20.313% 21.875%, oklch(37.46% 0.0928 290.77) 21.875% 23.438%, oklch(38.79% 0.0983 291.85) 23.438% 25.000%, oklch(40.08% 0.1031 292.73) 25.000% 26.563%, oklch(41.35% 0.1075 292.99) 26.563% 28.125%, oklch(42.61% 0.1115 292.60) 28.125% 29.688%, oklch(43.86% 0.1153 291.72) 29.688% 31.250%, oklch(45.12% 0.1189 290.47) 31.250% 32.813%, oklch(46.38% 0.1222 289.02) 32.813% 34.375%, oklch(47.66% 0.1253 287.50) 34.375% 35.938%, oklch(48.94% 0.1283 286.07) 35.938% 37.500%, oklch(50.25% 0.1311 284.86) 37.500% 39.063%, oklch(51.57% 0.1338 284.03) 39.063% 40.625%, oklch(52.92% 0.1364 283.71) 40.625% 42.188%, oklch(54.31% 0.1389 284.07) 42.188% 43.750%, oklch(55.72% 0.1414 285.24) 43.750% 45.313%, oklch(57.18% 0.1439 287.36) 45.313% 46.875%, oklch(58.68% 0.1464 290.59) 46.875% 48.438%, oklch(60.23% 0.1489 295.07) 48.438% 50.000%, oklch(61.84% 0.1516 301.03) 50.000% 51.563%, oklch(63.59% 0.1547 308.94) 51.563% 53.125%, oklch(65.46% 0.1583 318.61) 53.125% 54.688%, oklch(67.43% 0.1622 329.76) 54.688% 56.250%, oklch(69.47% 0.1663 342.11) 56.250% 57.813%, oklch(71.57% 0.1704 355.38) 57.813% 59.375%, oklch(73.69% 0.1664 9.28) 59.375% 60.938%, oklch(75.81% 0.1444 23.53) 60.938% 62.500%, oklch(77.90% 0.1327 37.84) 62.500% 64.063%, oklch(79.95% 0.1293 51.94) 64.063% 65.625%, oklch(81.93% 0.1345 65.54) 65.625% 67.188%, oklch(83.81% 0.1511 78.35) 67.188% 68.750%, oklch(85.57% 0.1749 90.09) 68.750% 70.313%, oklch(87.19% 0.1816 100.49) 70.313% 71.875%, oklch(88.63% 0.1871 109.25) 71.875% 73.438%, oklch(89.88% 0.1842 116.09) 73.438% 75.000%, oklch(90.93% 0.1797 120.95) 75.000% 76.563%, oklch(91.81% 0.1733 124.28) 76.563% 78.125%, oklch(92.54% 0.1652 126.27) 78.125% 79.688%, oklch(93.15% 0.1556 127.07) 79.688% 81.250%, oklch(93.63% 0.1449 126.84) 81.250% 82.813%, oklch(94.01% 0.1333 125.75) 82.813% 84.375%, oklch(94.30% 0.1210 123.96) 84.375% 85.938%, oklch(94.52% 0.1084 121.63) 85.938% 87.500%, oklch(94.67% 0.0957 118.91) 87.500% 89.063%, oklch(94.78% 0.0831 115.97) 89.063% 90.625%, oklch(94.86% 0.0710 112.97) 90.625% 92.188%, oklch(94.92% 0.0595 110.07) 92.188% 93.750%, oklch(94.97% 0.0491 107.43) 93.750% 95.313%, oklch(95.04% 0.0399 105.21) 95.313% 96.875%, oklch(95.14% 0.0321 103.57) 96.875% 98.438%, oklch(95.28% 0.0262 102.68) 98.438% 100.000%);