タン、黒、ラベンダーとサーモンの放射状グラデーション
放射状グラデーション、40色：#ddac59, #9b6547, #7f4b41, #cda1ce, #d16a5a。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #ddac59
- #dba957
- #d9a754
- #d7a451
- #d5a14e
- #d19c4b
- #cd9648
- #c68e46
- #be8446
- #af7647
- #9b6547
- #825445
- #684440
- #513839
- #3e2e31
- #34282b
- #33282b
- #3c2c2f
- #4d3336
- #643e3d
- #7f4b41
- #995a44
- #b06945
- #c3764a
- #d17d57
- #db826e
- #e0888b
- #de90a7
- #d799be
- #cda1ce
- #c5a7d6
- #c1a9d9
- #c1a7d8
- #c3a1d3
- #c897c8
- #ce8bb6
- #d27f9f
- #d47585
- #d36e6c
- #d16a5a
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(77.17% 0.1157 78.75) 0.0%, oklch(76.52% 0.1157 78.22) 2.6%, oklch(75.86% 0.1162 77.94) 5.1%, oklch(75.09% 0.1169 77.63) 7.7%, oklch(74.10% 0.1173 77.02) 10.3%, oklch(72.79% 0.1169 75.83) 12.8%, oklch(71.06% 0.1152 73.80) 15.4%, oklch(68.80% 0.1118 70.64) 17.9%, oklch(65.87% 0.1061 66.05) 20.5%, oklch(61.47% 0.0961 58.77) 23.1%, oklch(55.72% 0.0824 49.08) 25.6%, oklch(49.27% 0.0666 38.07) 28.2%, oklch(42.76% 0.0505 26.79) 30.8%, oklch(36.83% 0.0358 16.32) 33.3%, oklch(32.13% 0.0243 7.73) 35.9%, oklch(29.28% 0.0175 2.08) 38.5%, oklch(28.93% 0.0174 0.54) 41.0%, oklch(31.14% 0.0247 4.16) 43.6%, oklch(35.33% 0.0377 11.65) 46.2%, oklch(40.87% 0.0543 21.35) 48.7%, oklch(47.13% 0.0722 31.59) 51.3%, oklch(53.48% 0.0896 40.72) 53.8%, oklch(59.30% 0.1041 47.06) 56.4%, oklch(63.96% 0.1137 48.96) 59.0%, oklch(67.14% 0.1168 44.68) 61.5%, oklch(69.80% 0.1142 33.86) 64.1%, oklch(72.05% 0.1077 18.48) 66.7%, oklch(73.89% 0.0989 0.65) 69.2%, oklch(75.32% 0.0893 342.48) 71.8%, oklch(76.35% 0.0805 326.08) 74.4%, oklch(76.96% 0.0740 313.57) 76.9%, oklch(77.17% 0.0715 307.05) 79.5%, oklch(76.80% 0.0739 307.97) 82.1%, oklch(75.59% 0.0800 315.01) 84.6%, oklch(73.79% 0.0886 326.43) 87.2%, oklch(71.63% 0.0988 340.56) 89.7%, oklch(69.35% 0.1095 355.69) 92.3%, oklch(67.19% 0.1196 10.13) 94.9%, oklch(65.38% 0.1280 22.18) 97.4%, oklch(64.17% 0.1337 30.14) 100.0%);