類似色の黒、青緑と明るい青の放射状グラデーション
放射状グラデーション、32色：#081c26, #0b4852, #008087, #3ab4b6, #9ae9e2。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #081c26
- #081f2a
- #09232e
- #092833
- #0a2d39
- #0a333f
- #0b3a45
- #0b414b
- #0b4852
- #0a4f58
- #0b565e
- #0a5c65
- #08636b
- #056a72
- #007179
- #007880
- #008087
- #00878e
- #008f95
- #00969c
- #079ea3
- #19a5a9
- #2aadaf
- #3ab4b6
- #4abcbc
- #59c4c3
- #67ccc9
- #74d3cf
- #81dad4
- #8be0da
- #94e5de
- #9ae9e2
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(21.65% 0.0331 231.33) 0.0%, oklch(22.82% 0.0351 229.87) 3.2%, oklch(24.29% 0.0377 227.91) 6.5%, oklch(26.03% 0.0408 225.57) 9.7%, oklch(27.98% 0.0442 222.96) 12.9%, oklch(30.10% 0.0479 220.18) 16.1%, oklch(32.33% 0.0518 217.34) 19.4%, oklch(34.63% 0.0559 214.55) 22.6%, oklch(36.94% 0.0599 211.92) 25.8%, oklch(39.22% 0.0639 209.56) 29.0%, oklch(41.42% 0.0677 207.58) 32.3%, oklch(43.53% 0.0714 206.03) 35.5%, oklch(45.67% 0.0757 204.78) 38.7%, oklch(47.84% 0.0803 203.77) 41.9%, oklch(50.04% 0.0851 202.94) 45.2%, oklch(52.26% 0.0889 202.25) 48.4%, oklch(54.49% 0.0927 201.65) 51.6%, oklch(56.74% 0.0965 201.09) 54.8%, oklch(58.98% 0.1003 200.51) 58.1%, oklch(61.23% 0.1041 199.88) 61.3%, oklch(63.47% 0.1069 199.14) 64.5%, oklch(65.72% 0.1076 198.25) 67.7%, oklch(68.11% 0.1068 197.23) 71.0%, oklch(70.64% 0.1049 196.12) 74.2%, oklch(73.24% 0.1021 194.94) 77.4%, oklch(75.86% 0.0986 193.75) 80.6%, oklch(78.42% 0.0948 192.56) 83.9%, oklch(80.87% 0.0907 191.42) 87.1%, oklch(83.13% 0.0868 190.36) 90.3%, oklch(85.15% 0.0833 189.41) 93.5%, oklch(86.86% 0.0805 188.62) 96.8%, oklch(88.19% 0.0785 188.00) 100.0%);