黒から青の虹色の円錐スウォッチ
円錐スウォッチ、48色、角度225°：#19171e, #7d1634, #dc4f39, #f6b23e, #174a74。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #19171e
- #1c1822
- #201927
- #251a2c
- #2d1a32
- #351b36
- #3f1a39
- #491a3b
- #54193c
- #5f173b
- #6a1639
- #741636
- #7d1634
- #851833
- #8e1a32
- #961d32
- #9f2133
- #a72634
- #b02a36
- #b83038
- #c0353a
- #c73b3c
- #cf413c
- #d6483b
- #dc4f39
- #e35738
- #eb613a
- #f26b3d
- #f97641
- #ff8146
- #ff8f53
- #ff9b5c
- #ffa460
- #ffaa5c
- #ffae4a
- #f6b23e
- #e5b53a
- #ccb73c
- #acb546
- #86b055
- #5da865
- #2d9c73
- #008c7d
- #007b7f
- #006c7d
- #005e7b
- #05537a
- #174a74
CSS
background: conic-gradient(from 225deg, oklch(20.87% 0.0138 298.13) 0.000% 2.083%, oklch(21.73% 0.0200 301.79) 2.083% 4.167%, oklch(22.79% 0.0282 306.62) 4.167% 6.250%, oklch(24.03% 0.0380 312.40) 6.250% 8.333%, oklch(25.42% 0.0490 318.88) 8.333% 10.417%, oklch(26.94% 0.0608 325.87) 10.417% 12.500%, oklch(28.55% 0.0731 333.12) 12.500% 14.583%, oklch(30.25% 0.0856 340.42) 14.583% 16.667%, oklch(31.99% 0.0977 347.55) 16.667% 18.750%, oklch(33.77% 0.1093 354.28) 18.750% 20.833%, oklch(35.54% 0.1199 0.39) 20.833% 22.917%, oklch(37.30% 0.1292 5.66) 22.917% 25.000%, oklch(39.01% 0.1368 9.88) 25.000% 27.083%, oklch(40.75% 0.1435 13.15) 27.083% 29.167%, oklch(42.56% 0.1497 15.68) 29.167% 31.250%, oklch(44.42% 0.1553 17.61) 31.250% 33.333%, oklch(46.32% 0.1604 19.08) 33.333% 35.417%, oklch(48.25% 0.1649 20.25) 35.417% 37.500%, oklch(50.19% 0.1688 21.24) 37.500% 39.583%, oklch(52.13% 0.1723 22.21) 39.583% 41.667%, oklch(54.07% 0.1751 23.30) 41.667% 43.750%, oklch(55.99% 0.1774 24.64) 43.750% 45.833%, oklch(57.88% 0.1791 26.38) 45.833% 47.917%, oklch(59.73% 0.1802 28.67) 47.917% 50.000%, oklch(61.58% 0.1807 31.49) 50.000% 52.083%, oklch(63.72% 0.1803 34.08) 52.083% 54.167%, oklch(66.12% 0.1791 36.45) 54.167% 56.250%, oklch(68.66% 0.1772 38.77) 56.250% 58.333%, oklch(71.22% 0.1747 41.22) 58.333% 60.417%, oklch(73.71% 0.1697 43.98) 60.417% 62.500%, oklch(76.02% 0.1545 47.20) 62.500% 64.583%, oklch(78.02% 0.1432 51.07) 64.583% 66.667%, oklch(79.62% 0.1367 55.75) 66.667% 68.750%, oklch(80.71% 0.1369 61.42) 68.750% 70.833%, oklch(81.17% 0.1470 68.25) 70.833% 72.917%, oklch(80.90% 0.1484 76.40) 72.917% 75.000%, oklch(79.72% 0.1443 86.42) 75.000% 77.083%, oklch(77.52% 0.1396 98.95) 77.083% 79.167%, oklch(74.46% 0.1344 113.52) 79.167% 81.250%, oklch(70.74% 0.1288 129.59) 81.250% 83.333%, oklch(66.54% 0.1230 146.61) 83.333% 85.417%, oklch(62.06% 0.1172 164.07) 85.417% 87.500%, oklch(57.49% 0.1034 181.41) 87.500% 89.583%, oklch(53.01% 0.0902 198.11) 89.583% 91.667%, oklch(48.80% 0.0856 213.65) 91.667% 93.750%, oklch(45.07% 0.0874 227.46) 93.750% 95.833%, oklch(41.99% 0.0925 238.99) 95.833% 97.917%, oklch(39.76% 0.0896 247.75) 97.917% 100.000%);