ベージュからタンの虹色の円錐グラデーション
円錐グラデーション、48色、角度225°：#f2d8bf, #ce5554, #66539f, #3d999a, #ccb55a。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム8個。
- #f2d8bf
- #f1d1b3
- #efc7a2
- #edbb8d
- #ebae77
- #e9a062
- #e69250
- #e48645
- #e17b40
- #de7040
- #da6645
- #d55d4c
- #ce5554
- #c84e5d
- #c04a65
- #b8466d
- #af4575
- #a5457c
- #9c4583
- #924789
- #89488e
- #804a93
- #784d98
- #6f4f9c
- #66539f
- #5d57a2
- #545ca4
- #4b61a5
- #4368a6
- #3d70a6
- #3a77a6
- #387fa5
- #3986a4
- #3b8da2
- #3c939f
- #3d999a
- #419e94
- #48a38c
- #55a782
- #64aa78
- #74ac6e
- #83ae66
- #93b060
- #a2b15c
- #b0b35a
- #bbb459
- #c5b55a
- #ccb55a
CSS
background: conic-gradient(from 225deg in oklch, oklch(89.76% 0.0441 66.09) 0.0%, oklch(88.00% 0.0537 65.27) 2.1%, oklch(85.55% 0.0675 64.41) 4.3%, oklch(82.65% 0.0838 63.33) 6.4%, oklch(79.52% 0.1009 61.86) 8.5%, oklch(76.38% 0.1171 59.81) 10.6%, oklch(73.47% 0.1306 57.02) 12.8%, oklch(70.99% 0.1400 53.30) 14.9%, oklch(68.71% 0.1464 48.55) 17.0%, oklch(66.52% 0.1508 42.95) 19.1%, oklch(64.44% 0.1534 36.71) 21.3%, oklch(62.48% 0.1547 30.02) 23.4%, oklch(60.64% 0.1550 23.11) 25.5%, oklch(58.95% 0.1546 16.18) 27.7%, oklch(57.40% 0.1536 9.34) 29.8%, oklch(55.95% 0.1509 2.30) 31.9%, oklch(54.63% 0.1470 355.04) 34.0%, oklch(53.45% 0.1423 347.61) 36.2%, oklch(52.42% 0.1373 340.05) 38.3%, oklch(51.55% 0.1326 332.39) 40.4%, oklch(50.87% 0.1286 324.69) 42.6%, oklch(50.35% 0.1256 316.94) 44.7%, oklch(49.96% 0.1232 309.10) 46.8%, oklch(49.73% 0.1210 301.17) 48.9%, oklch(49.68% 0.1189 293.14) 51.1%, oklch(49.84% 0.1167 285.02) 53.2%, oklch(50.24% 0.1142 276.81) 55.3%, oklch(50.90% 0.1111 268.50) 57.4%, oklch(51.95% 0.1070 260.21) 59.6%, oklch(53.37% 0.1019 251.93) 61.7%, oklch(55.02% 0.0965 243.57) 63.8%, oklch(56.78% 0.0914 235.03) 66.0%, oklch(58.55% 0.0872 226.21) 68.1%, oklch(60.19% 0.0846 217.02) 70.2%, oklch(61.61% 0.0842 207.32) 72.3%, oklch(62.91% 0.0860 196.70) 74.5%, oklch(64.16% 0.0895 185.45) 76.6%, oklch(65.37% 0.0940 173.97) 78.7%, oklch(66.55% 0.0988 162.67) 80.9%, oklch(67.74% 0.1033 151.96) 83.0%, oklch(68.94% 0.1068 142.25) 85.1%, oklch(70.21% 0.1090 133.60) 87.2%, oklch(71.60% 0.1106 125.36) 89.4%, oklch(73.04% 0.1118 117.64) 91.5%, oklch(74.43% 0.1127 110.61) 93.6%, oklch(75.70% 0.1133 104.44) 95.7%, oklch(76.77% 0.1139 99.29) 97.9%, oklch(77.56% 0.1144 95.33) 100.0%);