同系色の黒から紫の線形グラデーション
線形グラデーション、32色、角度90°：#110e12, #291b24, #5d394a, #86566b, #8f6c7c。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #110e12
- #120f14
- #141015
- #161117
- #191319
- #1c141c
- #20161e
- #241921
- #291b24
- #2e1e28
- #34212c
- #3b2531
- #422936
- #492d3b
- #503141
- #573546
- #5d394a
- #643e4f
- #6a4254
- #714659
- #774a5e
- #7c4e63
- #815267
- #86566b
- #895a6f
- #8b5d72
- #8d6074
- #8d6376
- #8e6678
- #8e687a
- #8e6a7b
- #8f6c7c
CSS
background: linear-gradient(90deg in oklch, oklch(16.93% 0.0096 310.08) 0.0%, oklch(17.44% 0.0109 312.59) 3.2%, oklch(18.07% 0.0124 316.08) 6.5%, oklch(18.81% 0.0143 320.25) 9.7%, oklch(19.68% 0.0164 324.79) 12.9%, oklch(20.66% 0.0187 329.37) 16.1%, oklch(21.77% 0.0213 333.69) 19.4%, oklch(23.00% 0.0240 337.43) 22.6%, oklch(24.37% 0.0269 340.30) 25.8%, oklch(25.96% 0.0303 342.55) 29.0%, oklch(27.75% 0.0341 344.41) 32.3%, oklch(29.68% 0.0382 345.93) 35.5%, oklch(31.69% 0.0424 347.17) 38.7%, oklch(33.74% 0.0465 348.20) 41.9%, oklch(35.75% 0.0503 349.08) 45.2%, oklch(37.67% 0.0537 349.86) 48.4%, oklch(39.48% 0.0565 350.58) 51.6%, oklch(41.31% 0.0592 351.09) 54.8%, oklch(43.15% 0.0619 351.39) 58.1%, oklch(44.98% 0.0642 351.54) 61.3%, oklch(46.74% 0.0662 351.56) 64.5%, oklch(48.40% 0.0678 351.50) 67.7%, oklch(49.92% 0.0687 351.40) 71.0%, oklch(51.27% 0.0690 351.31) 74.2%, oklch(52.43% 0.0683 351.20) 77.4%, oklch(53.43% 0.0664 350.99) 80.6%, oklch(54.31% 0.0637 350.69) 83.9%, oklch(55.06% 0.0605 350.35) 87.1%, oklch(55.70% 0.0572 349.99) 90.3%, oklch(56.24% 0.0540 349.65) 93.5%, oklch(56.70% 0.0514 349.37) 96.8%, oklch(57.09% 0.0496 349.18) 100.0%);