Cầu vồng từ xám sang tím tông trầm (gradient xuyên tâm)

Cầu vồng từ xám sang tím tông trầm: bảng màu gồm 40 màu. #143236, #c1a3ba, #a4ae73, #2d82a6, #92719a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

40 màu, 4 keyframe OKLCH chỉnh sửa được.

#143236
#1b383f
#25404a
#334b59
#435769
#55637a
#6a718a
#807e9a
#968ba8
#ac98b3
#c1a3ba
#d2adbe
#dfb5bf
#e8babb
#ebbdb4
#eabdaa
#e4bc9d
#dab990
#cbb684
#b9b27a
#a4ae73
#8ca971
#73a372
#599e77
#3f987e
#259386
#0d8e8f
#078a97
#19869f
#2d82a6
#3f7eaa
#4f7bad
#5d78ae
#6976ad
#7374ab
#7c73a8
#8472a5
#8a72a1
#8e719e
#92719a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(29.53% 0.0358 206.72) 0.0%, oklch(32.10% 0.0365 214.21) 2.6%, oklch(35.60% 0.0372 223.44) 5.1%, oklch(39.82% 0.0379 234.19) 7.7%, oklch(44.61% 0.0387 246.25) 10.3%, oklch(49.77% 0.0397 259.38) 12.8%, oklch(55.13% 0.0407 273.37) 15.4%, oklch(60.50% 0.0418 288.01) 17.9%, oklch(65.72% 0.0431 303.06) 20.5%, oklch(70.59% 0.0446 318.31) 23.1%, oklch(74.94% 0.0462 333.53) 25.6%, oklch(78.59% 0.0481 348.51) 28.2%, oklch(81.36% 0.0501 3.03) 30.8%, oklch(83.07% 0.0524 16.86) 33.3%, oklch(83.68% 0.0551 30.47) 35.9%, oklch(83.36% 0.0585 44.42) 38.5%, oklch(82.24% 0.0623 58.62) 41.0%, oklch(80.48% 0.0665 72.98) 43.6%, oklch(78.21% 0.0709 87.43) 46.2%, oklch(75.58% 0.0754 101.87) 48.7%, oklch(72.71% 0.0799 116.21) 51.3%, oklch(69.76% 0.0841 130.37) 53.8%, oklch(66.87% 0.0881 144.27) 56.4%, oklch(64.17% 0.0915 157.81) 59.0%, oklch(61.81% 0.0944 170.91) 61.5%, oklch(59.93% 0.0966 183.49) 64.1%, oklch(58.66% 0.0978 195.45) 66.7%, oklch(57.90% 0.0982 207.10) 69.2%, oklch(57.40% 0.0976 218.73) 71.8%, oklch(57.14% 0.0964 230.26) 74.4%, oklch(57.07% 0.0946 241.59) 76.9%, oklch(57.17% 0.0923 252.63) 79.5%, oklch(57.38% 0.0897 263.28) 82.1%, oklch(57.69% 0.0868 273.45) 84.6%, oklch(58.06% 0.0840 283.04) 87.2%, oklch(58.44% 0.0811 291.96) 89.7%, oklch(58.80% 0.0785 300.12) 92.3%, oklch(59.12% 0.0762 307.42) 94.9%, oklch(59.35% 0.0743 313.78) 97.4%, oklch(59.45% 0.0730 319.09) 100.0%);

Trong các bộ sưu tập này

Gradient hồng và xanh cổ vịt

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động