くすんだ青から緑の虹色の線形グラデーション
くすんだ青から緑の虹色のパレット(56色)。 #4b89aa, #6875a6, #835c7f, #885650, #876440, #888752, #85ad80, #82c7a9。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
56色、編集できる OKLCH キーフレーム3個。
- #4b89aa
- #4d88aa
- #5086ab
- #5484ab
- #5781ab
- #5c7eab
- #607baa
- #6478a8
- #6875a6
- #6d72a3
- #716ea0
- #756b9c
- #786897
- #7c6492
- #7f618c
- #815f86
- #835c7f
- #855a79
- #875872
- #87576c
- #885665
- #88555f
- #88555a
- #885554
- #885650
- #88574b
- #875848
- #875a45
- #875c43
- #865e41
- #876140
- #876440
- #876740
- #876b41
- #876f42
- #887444
- #887847
- #887d4a
- #88824e
- #888752
- #888c57
- #88915c
- #879662
- #879b67
- #87a06d
- #86a473
- #86a97a
- #85ad80
- #85b286
- #84b68c
- #84ba92
- #83bd97
- #83c09c
- #83c3a1
- #82c5a5
- #82c7a9
CSS
background: linear-gradient(135deg in oklch, oklch(60.24% 0.0813 232.73) 0.0%, oklch(60.04% 0.0810 236.19) 1.8%, oklch(59.77% 0.0807 240.15) 3.6%, oklch(59.45% 0.0802 244.58) 5.5%, oklch(59.08% 0.0798 249.46) 7.3%, oklch(58.66% 0.0792 254.74) 9.1%, oklch(58.21% 0.0787 260.39) 10.9%, oklch(57.72% 0.0781 266.38) 12.7%, oklch(57.20% 0.0774 272.68) 14.5%, oklch(56.67% 0.0768 279.25) 16.4%, oklch(56.12% 0.0761 286.05) 18.2%, oklch(55.57% 0.0754 293.06) 20.0%, oklch(55.01% 0.0747 300.24) 21.8%, oklch(54.46% 0.0740 307.56) 23.6%, oklch(53.93% 0.0733 314.98) 25.5%, oklch(53.41% 0.0726 322.46) 27.3%, oklch(52.92% 0.0719 329.99) 29.1%, oklch(52.46% 0.0713 337.51) 30.9%, oklch(52.04% 0.0707 345.01) 32.7%, oklch(51.66% 0.0701 352.43) 34.5%, oklch(51.34% 0.0696 359.76) 36.4%, oklch(51.07% 0.0691 6.96) 38.2%, oklch(50.87% 0.0686 13.98) 40.0%, oklch(50.74% 0.0683 20.81) 41.8%, oklch(50.68% 0.0680 27.41) 43.6%, oklch(50.71% 0.0677 33.73) 45.5%, oklch(50.82% 0.0676 39.76) 47.3%, oklch(51.04% 0.0675 45.45) 49.1%, oklch(51.35% 0.0675 50.82) 50.9%, oklch(51.79% 0.0677 56.14) 52.7%, oklch(52.35% 0.0679 61.44) 54.5%, oklch(53.01% 0.0682 66.73) 56.4%, oklch(53.76% 0.0685 71.99) 58.2%, oklch(54.61% 0.0689 77.21) 60.0%, oklch(55.54% 0.0694 82.39) 61.8%, oklch(56.53% 0.0700 87.51) 63.6%, oklch(57.59% 0.0706 92.57) 65.5%, oklch(58.70% 0.0712 97.56) 67.3%, oklch(59.86% 0.0719 102.47) 69.1%, oklch(61.05% 0.0726 107.29) 70.9%, oklch(62.26% 0.0733 112.01) 72.7%, oklch(63.49% 0.0740 116.63) 74.5%, oklch(64.74% 0.0748 121.14) 76.4%, oklch(65.98% 0.0756 125.52) 78.2%, oklch(67.21% 0.0763 129.77) 80.0%, oklch(68.42% 0.0771 133.88) 81.8%, oklch(69.60% 0.0778 137.85) 83.6%, oklch(70.75% 0.0785 141.65) 85.5%, oklch(71.85% 0.0792 145.30) 87.3%, oklch(72.90% 0.0798 148.77) 89.1%, oklch(73.89% 0.0805 152.05) 90.9%, oklch(74.80% 0.0810 155.15) 92.7%, oklch(75.64% 0.0815 158.04) 94.5%, oklch(76.38% 0.0820 160.73) 96.4%, oklch(77.02% 0.0824 163.21) 98.2%, oklch(77.56% 0.0827 165.45) 100.0%);