Hồng, tím và xanh dương (ba tông) tông rực rỡ (gradient xuyên tâm)

Bảng màu Hồng, tím và xanh dương (ba tông) tông rực rỡ

Gradient xuyên tâm, 32 màu: #fd7aaa, #eb51b6, #a348ce, #5649d5, #1a3bab. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

5 keyframe OKLCH chỉnh sửa được.

#fd7aaa
#fc77ab
#fc72ab
#fb6dac
#fa67ad
#f860ae
#f55ab0
#f155b3
#eb51b6
#e54eba
#dd4cbd
#d44ac0
#ca4ac3
#c049c6
#b649c9
#ac48cb
#a348ce
#9948d1
#8e48d4
#8348d6
#7849d8
#6c49d8
#614ad8
#5649d5
#4c49d2
#4347cc
#3a45c6
#3243c0
#2b40ba
#243eb4
#1f3caf
#1a3bab

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(74.41% 0.1667 358.59) 0.0%, oklch(73.89% 0.1710 357.61) 3.2%, oklch(73.23% 0.1771 356.42) 6.5%, oklch(72.43% 0.1845 355.00) 9.7%, oklch(71.54% 0.1924 353.35) 12.9%, oklch(70.57% 0.2001 351.46) 16.1%, oklch(69.55% 0.2069 349.30) 19.4%, oklch(68.50% 0.2123 346.87) 22.6%, oklch(67.45% 0.2155 344.14) 25.8%, oklch(66.33% 0.2168 341.05) 29.0%, oklch(65.13% 0.2165 337.61) 32.3%, oklch(63.87% 0.2151 333.89) 35.5%, oklch(62.58% 0.2131 329.95) 38.7%, oklch(61.30% 0.2108 325.84) 41.9%, oklch(60.04% 0.2087 321.63) 45.2%, oklch(58.84% 0.2071 317.39) 48.4%, oklch(57.72% 0.2064 313.08) 51.6%, oklch(56.67% 0.2063 308.38) 54.8%, oklch(55.67% 0.2065 303.36) 58.1%, oklch(54.69% 0.2068 298.23) 61.3%, oklch(53.73% 0.2070 293.16) 64.5%, oklch(52.75% 0.2070 288.34) 67.7%, oklch(51.74% 0.2066 283.94) 71.0%, oklch(50.67% 0.2057 280.16) 74.2%, oklch(49.50% 0.2039 277.07) 77.4%, oklch(48.18% 0.2013 274.46) 80.6%, oklch(46.77% 0.1981 272.27) 83.9%, oklch(45.35% 0.1946 270.43) 87.1%, oklch(43.99% 0.1911 268.90) 90.3%, oklch(42.75% 0.1879 267.62) 93.5%, oklch(41.71% 0.1852 266.54) 96.8%, oklch(40.94% 0.1833 265.60) 100.0%);

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

Gradient hồng và xanh dương

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