類似色のピンク、モーブと茶色の放射状スウォッチ
放射状スウォッチ、32色：#faa09c, #c67a7f, #975656, #723725, #451913。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #faa09c
- #f69d9a
- #f09997
- #ea9494
- #e28f90
- #db8a8c
- #d38488
- #cc7f83
- #c67a7f
- #bf757a
- #b97175
- #b36c71
- #ad686c
- #a76367
- #a25f61
- #9c5a5c
- #975656
- #91514f
- #8c4c48
- #874840
- #824339
- #7d3f32
- #773b2b
- #723725
- #6c3321
- #662e1e
- #5f2a1b
- #592519
- #532117
- #4d1e15
- #491b14
- #451913
CSS
background: radial-gradient(circle at 50% 50%, oklch(79.53% 0.1075 22.50) 0.000% 3.125%, oklch(78.49% 0.1065 21.92) 3.125% 6.250%, oklch(77.10% 0.1051 21.08) 6.250% 9.375%, oklch(75.44% 0.1034 20.07) 9.375% 12.500%, oklch(73.61% 0.1016 19.00) 12.500% 15.625%, oklch(71.67% 0.0997 17.96) 15.625% 18.750%, oklch(69.73% 0.0978 17.07) 18.750% 21.875%, oklch(67.85% 0.0962 16.42) 21.875% 25.000%, oklch(66.12% 0.0947 16.11) 25.000% 28.125%, oklch(64.44% 0.0934 15.97) 28.125% 31.250%, oklch(62.76% 0.0921 15.94) 31.250% 34.375%, oklch(61.09% 0.0908 16.06) 34.375% 37.500%, oklch(59.41% 0.0897 16.36) 37.500% 40.625%, oklch(57.73% 0.0886 16.88) 40.625% 43.750%, oklch(56.06% 0.0877 17.64) 43.750% 46.875%, oklch(54.38% 0.0871 18.69) 46.875% 50.000%, oklch(52.70% 0.0867 20.12) 50.000% 53.125%, oklch(51.02% 0.0868 22.26) 53.125% 56.250%, oklch(49.34% 0.0872 24.92) 56.250% 59.375%, oklch(47.65% 0.0879 27.86) 59.375% 62.500%, oklch(45.97% 0.0885 30.80) 62.500% 65.625%, oklch(44.29% 0.0889 33.49) 65.625% 68.750%, oklch(42.62% 0.0890 35.67) 68.750% 71.875%, oklch(40.96% 0.0884 37.09) 71.875% 75.000%, oklch(39.26% 0.0871 37.55) 75.000% 78.125%, oklch(37.43% 0.0851 37.19) 78.125% 81.250%, oklch(35.54% 0.0825 36.24) 81.250% 84.375%, oklch(33.67% 0.0797 34.90) 84.375% 87.500%, oklch(31.90% 0.0768 33.39) 87.500% 90.625%, oklch(30.30% 0.0741 31.91) 90.625% 93.750%, oklch(28.96% 0.0719 30.67) 93.750% 96.875%, oklch(27.95% 0.0703 29.90) 96.875% 100.000%);