トライアドのネイビー、紫、タンと緑の円錐グラデーション
円錐グラデーション、32色、角度135°：#1b2428, #3f2144, #a14c57, #d38d5e, #aec55d。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #1b2428
- #1a242b
- #19242f
- #1b2434
- #1f2339
- #25223d
- #2d2140
- #362042
- #3f2144
- #4a2346
- #55274a
- #622b4d
- #6f3151
- #7d3754
- #8a3e56
- #964557
- #a14c57
- #aa5457
- #b35e58
- #bc6859
- #c3725b
- #c97b5d
- #cf855e
- #d38d5e
- #d5955b
- #d59d57
- #d3a552
- #ceac4f
- #c6b44f
- #bebb52
- #b5c058
- #aec55d
CSS
background: conic-gradient(from 135deg in oklch, oklch(25.20% 0.0152 231.33) 0.0%, oklch(25.46% 0.0197 238.71) 3.2%, oklch(25.67% 0.0258 248.87) 6.5%, oklch(25.92% 0.0331 260.98) 9.7%, oklch(26.28% 0.0412 274.23) 12.9%, oklch(26.83% 0.0495 287.80) 16.1%, oklch(27.64% 0.0577 300.87) 19.4%, oklch(28.79% 0.0653 312.63) 22.6%, oklch(30.36% 0.0718 322.31) 25.8%, oklch(32.43% 0.0782 330.49) 29.0%, oklch(34.93% 0.0847 337.76) 32.3%, oklch(37.75% 0.0910 344.33) 35.5%, oklch(40.76% 0.0969 350.40) 38.7%, oklch(43.86% 0.1022 356.19) 41.9%, oklch(46.92% 0.1068 1.91) 45.2%, oklch(49.82% 0.1103 7.77) 48.4%, oklch(52.52% 0.1125 13.87) 51.6%, oklch(55.27% 0.1130 19.68) 54.8%, oklch(58.08% 0.1122 25.24) 58.1%, oklch(60.86% 0.1105 30.69) 61.3%, oklch(63.55% 0.1086 36.20) 64.5%, oklch(66.09% 0.1068 41.91) 67.7%, oklch(68.40% 0.1057 47.97) 71.0%, oklch(70.42% 0.1058 54.53) 74.2%, oklch(72.10% 0.1075 61.95) 77.4%, oklch(73.53% 0.1104 70.61) 80.6%, oklch(74.73% 0.1141 80.01) 83.9%, oklch(75.72% 0.1183 89.61) 87.1%, oklch(76.56% 0.1226 98.91) 90.3%, oklch(77.25% 0.1266 107.36) 93.5%, oklch(77.84% 0.1300 114.46) 96.8%, oklch(78.35% 0.1323 119.66) 100.0%);