暗い紫、茶色、グレーと青の放射状スウォッチ
放射状スウォッチ、32色：#2e0f32, #855446, #cdb6a1, #cccfb9, #517b97。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #2e0f32
- #351335
- #3f1937
- #4a2039
- #56283c
- #63313e
- #6f3c40
- #7a4843
- #855446
- #8e604c
- #966c52
- #9d775b
- #a68366
- #af9074
- #b99d83
- #c3aa92
- #cdb6a1
- #d5c1ae
- #dbcab9
- #dfd1c1
- #e1d6c5
- #dfd7c6
- #d8d4c1
- #cccfb9
- #bbc7b1
- #a7bda9
- #91b2a3
- #7ba69f
- #68999d
- #5b8d9b
- #548398
- #517b97
CSS
background: radial-gradient(circle at 50% 50%, oklch(23.62% 0.0744 322.73) 0.000% 3.125%, oklch(25.60% 0.0740 328.27) 3.125% 6.250%, oklch(28.16% 0.0736 335.70) 6.250% 9.375%, oklch(31.18% 0.0732 344.60) 9.375% 12.500%, oklch(34.57% 0.0728 354.55) 12.500% 15.625%, oklch(38.23% 0.0722 5.13) 15.625% 18.750%, oklch(42.04% 0.0714 15.91) 18.750% 21.875%, oklch(45.91% 0.0705 26.47) 21.875% 25.000%, oklch(49.73% 0.0692 36.39) 25.000% 28.125%, oklch(53.40% 0.0676 45.25) 28.125% 31.250%, oklch(56.81% 0.0655 52.62) 31.250% 34.375%, oklch(60.06% 0.0629 58.06) 34.375% 37.500%, oklch(63.67% 0.0592 61.49) 37.500% 40.625%, oklch(67.51% 0.0547 63.41) 40.625% 43.750%, oklch(71.45% 0.0496 64.33) 43.750% 46.875%, oklch(75.31% 0.0444 64.77) 46.875% 50.000%, oklch(78.94% 0.0392 65.25) 50.000% 53.125%, oklch(82.19% 0.0344 66.29) 53.125% 56.250%, oklch(84.88% 0.0303 68.40) 56.250% 59.375%, oklch(86.87% 0.0271 72.10) 59.375% 62.500%, oklch(88.00% 0.0252 77.91) 62.500% 65.625%, oklch(88.08% 0.0249 86.38) 65.625% 68.750%, oklch(86.89% 0.0262 98.17) 68.750% 71.875%, oklch(84.57% 0.0290 112.77) 71.875% 75.000%, oklch(81.38% 0.0328 129.40) 75.000% 78.125%, oklch(77.59% 0.0374 147.31) 78.125% 81.250%, oklch(73.43% 0.0425 165.73) 81.250% 84.375%, oklch(69.18% 0.0476 183.89) 84.375% 87.500%, oklch(65.09% 0.0527 201.01) 87.500% 90.625%, oklch(61.40% 0.0572 216.34) 90.625% 93.750%, oklch(58.39% 0.0608 229.11) 93.750% 96.875%, oklch(56.30% 0.0634 238.55) 96.875% 100.000%);