Đỏ, tím và xanh dương (ba tông) tông rực rỡ (gradient tuyến tính)

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

Gradient tuyến tính, 32 màu, góc 90°: #ff2731, #e12669, #9439c4, #473ada, #1b46bf. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ff2731
#fd2536
#fb253b
#f72541
#f32647
#ef264e
#eb2656
#e6265f
#e12669
#db2675
#d32882
#ca2b90
#c02f9e
#b532aa
#a935b5
#9e38bd
#9439c4
#893aca
#7e39cf
#7339d3
#6839d7
#5d39d9
#5239da
#473ada
#3e3cd8
#363dd5
#2f3fd1
#2941cd
#2443c9
#2144c5
#1e45c1
#1b46bf

CSS

background: linear-gradient(90deg in oklch, oklch(64.17% 0.2438 26.02) 0.0%, oklch(63.84% 0.2432 24.84) 3.2%, oklch(63.40% 0.2403 23.54) 6.5%, oklch(62.88% 0.2368 22.02) 9.7%, oklch(62.30% 0.2331 20.14) 12.9%, oklch(61.67% 0.2293 17.81) 16.1%, oklch(61.01% 0.2256 14.89) 19.4%, oklch(60.34% 0.2224 11.28) 22.6%, oklch(59.68% 0.2199 6.85) 25.8%, oklch(58.98% 0.2176 1.22) 29.0%, oklch(58.25% 0.2153 354.56) 32.3%, oklch(57.50% 0.2133 347.18) 35.5%, oklch(56.72% 0.2115 339.43) 38.7%, oklch(55.93% 0.2102 331.63) 41.9%, oklch(55.13% 0.2094 324.13) 45.2%, oklch(54.33% 0.2092 317.26) 48.4%, oklch(53.53% 0.2100 311.20) 51.6%, oklch(52.69% 0.2123 305.40) 54.8%, oklch(51.81% 0.2157 299.78) 58.1%, oklch(50.92% 0.2197 294.42) 61.3%, oklch(50.05% 0.2237 289.39) 64.5%, oklch(49.22% 0.2272 284.75) 67.7%, oklch(48.46% 0.2296 280.58) 71.0%, oklch(47.79% 0.2303 276.93) 74.2%, oklch(47.22% 0.2288 273.90) 77.4%, oklch(46.72% 0.2254 271.47) 80.6%, oklch(46.29% 0.2206 269.57) 83.9%, oklch(45.91% 0.2149 268.08) 87.1%, oklch(45.59% 0.2090 266.93) 90.3%, oklch(45.31% 0.2035 266.01) 93.5%, oklch(45.08% 0.1988 265.23) 96.8%, oklch(44.88% 0.1957 264.49) 100.0%);

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

Gradient đỏ 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