ネイビー、紫、白と青の円錐スウォッチ
円錐スウォッチ、34色、角度180°：#150032, #e83e8f, #ffffff, #00c2b2, #000036。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム7個。
- #150032
- #1f0045
- #2c0062
- #3d0186
- #5209a9
- #6e15c4
- #9320ca
- #c02bb6
- #e83e8f
- #ff6162
- #ff8b4a
- #ffa941
- #fcc454
- #f8db76
- #f7ed95
- #f8fbae
- #fcffed
- #ffffff
- #ffffff
- #ffffff
- #fffde9
- #fff6bb
- #f6ee50
- #bdea5e
- #5adf8a
- #00c2b2
- #00a0bb
- #0080be
- #1f62b2
- #1f469a
- #112c82
- #03126c
- #000051
- #000036
CSS
background: conic-gradient(from 180deg, oklch(17.00% 0.0933 295.14) 0.000% 2.941%, oklch(20.84% 0.1147 294.68) 2.941% 5.882%, oklch(26.23% 0.1458 292.87) 5.882% 8.824%, oklch(32.55% 0.1816 291.66) 8.824% 11.765%, oklch(39.29% 0.2123 292.92) 11.765% 14.706%, oklch(45.81% 0.2334 298.64) 14.706% 17.647%, oklch(51.74% 0.2393 310.96) 17.647% 20.588%, oklch(57.76% 0.2318 331.18) 20.588% 23.529%, oklch(63.83% 0.2157 356.35) 23.529% 26.471%, oklch(69.75% 0.1931 23.05) 26.471% 29.412%, oklch(75.31% 0.1609 47.87) 29.412% 32.353%, oklch(80.31% 0.1527 67.41) 32.353% 35.294%, oklch(84.97% 0.1419 81.75) 35.294% 38.235%, oklch(89.47% 0.1252 93.45) 38.235% 41.176%, oklch(93.53% 0.1093 102.74) 41.176% 44.118%, oklch(96.88% 0.0968 109.87) 44.118% 47.059%, oklch(99.26% 0.0244 115.08) 47.059% 50.000%, oklch(100.00% 0.0001 111.45) 50.000% 52.941%, oklch(100.00% 0.0001 108.33) 52.941% 55.882%, oklch(100.00% 0.0001 106.40) 55.882% 58.824%, oklch(98.99% 0.0257 101.63) 58.824% 61.765%, oklch(96.53% 0.0751 99.93) 61.765% 64.706%, oklch(92.91% 0.1722 106.51) 64.706% 67.647%, oklch(87.71% 0.1732 124.85) 67.647% 70.588%, oklch(80.94% 0.1681 152.48) 70.588% 73.529%, oklch(73.21% 0.1294 184.33) 73.529% 76.471%, oklch(65.10% 0.1152 215.35) 76.471% 79.412%, oklch(57.22% 0.1321 240.44) 79.412% 82.353%, oklch(49.86% 0.1430 255.37) 82.353% 85.294%, oklch(41.92% 0.1444 262.83) 85.294% 88.235%, oklch(33.78% 0.1475 265.37) 88.235% 91.176%, oklch(26.12% 0.1513 265.05) 91.176% 94.118%, oklch(19.69% 0.1364 264.05) 94.118% 97.059%, oklch(15.06% 0.1044 264.05) 97.059% 100.000%);