同系色の黒からシアンの放射状グラデーション
放射状グラデーション、32色：#00090e, #003a4a, #00808d, #00bcb7, #2de7d6。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #00090e
- #000d12
- #001117
- #00161e
- #001c25
- #00232d
- #002b37
- #003240
- #003a4a
- #004353
- #004b5c
- #005365
- #005b6d
- #006475
- #006d7d
- #007785
- #00808d
- #008a94
- #00939a
- #009ca1
- #00a5a7
- #00adac
- #00b5b2
- #00bcb7
- #00c3bc
- #00cac1
- #00d0c6
- #00d6ca
- #00dcce
- #00e1d2
- #19e5d4
- #2de7d6
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(13.04% 0.0240 221.18) 0.0%, oklch(14.51% 0.0266 220.99) 3.2%, oklch(16.39% 0.0301 221.02) 6.5%, oklch(18.60% 0.0342 221.22) 9.7%, oklch(21.09% 0.0388 221.51) 12.9%, oklch(23.79% 0.0439 221.80) 16.1%, oklch(26.63% 0.0492 222.01) 19.4%, oklch(29.54% 0.0546 222.05) 22.6%, oklch(32.47% 0.0599 221.87) 25.8%, oklch(35.35% 0.0650 221.38) 29.0%, oklch(38.10% 0.0696 220.51) 32.3%, oklch(40.75% 0.0738 219.16) 35.5%, oklch(43.50% 0.0778 217.28) 38.7%, oklch(46.33% 0.0818 214.96) 41.9%, oklch(49.20% 0.0858 212.32) 45.2%, oklch(52.09% 0.0899 209.47) 48.4%, oklch(54.95% 0.0941 206.52) 51.6%, oklch(57.75% 0.0984 203.58) 54.8%, oklch(60.45% 0.1028 200.77) 58.1%, oklch(63.03% 0.1072 198.19) 61.3%, oklch(65.44% 0.1115 195.96) 64.5%, oklch(67.65% 0.1156 194.17) 67.7%, oklch(69.78% 0.1196 192.64) 71.0%, oklch(71.83% 0.1236 191.31) 74.2%, oklch(73.80% 0.1274 190.14) 77.4%, oklch(75.67% 0.1311 189.12) 80.6%, oklch(77.43% 0.1345 188.24) 83.9%, oklch(79.04% 0.1378 187.47) 87.1%, oklch(80.51% 0.1407 186.80) 90.3%, oklch(81.81% 0.1434 186.21) 93.5%, oklch(82.93% 0.1431 185.68) 96.8%, oklch(83.86% 0.1406 185.21) 100.0%);