Cầu vồng từ tím đậm sang be (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #202026, #85253b, #19618a, #ddb047, #f1e3c9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#202026
#25232e
#2e2538
#3d2640
#4e2543
#612441
#71243b
#7e2437
#85253b
#862746
#812a56
#773067
#693776
#574080
#454985
#315488
#19618a
#007186
#00827f
#229471
#60a15b
#94a946
#bfad3c
#ddb047
#efb55a
#f8bc6f
#fbc482
#facc94
#f7d4a4
#f4dbb3
#f2e0bf
#f1e3c9

CSS

background: linear-gradient(135deg in oklch, oklch(24.80% 0.0110 285.47) 0.0%, oklch(26.25% 0.0216 293.93) 3.2%, oklch(28.29% 0.0370 306.87) 6.5%, oklch(30.72% 0.0554 322.37) 9.7%, oklch(33.36% 0.0750 338.51) 12.9%, oklch(36.00% 0.0941 353.38) 16.1%, oklch(38.45% 0.1109 5.08) 19.4%, oklch(40.54% 0.1237 11.67) 22.6%, oklch(42.04% 0.1307 11.33) 25.8%, oklch(42.79% 0.1317 4.57) 29.0%, oklch(42.95% 0.1282 352.87) 32.3%, oklch(42.81% 0.1217 337.30) 35.5%, oklch(42.64% 0.1136 318.95) 38.7%, oklch(42.70% 0.1053 298.91) 41.9%, oklch(43.27% 0.0984 278.25) 45.2%, oklch(44.62% 0.0943 258.06) 48.4%, oklch(47.02% 0.0943 238.65) 51.6%, oklch(50.54% 0.0900 216.53) 54.8%, oklch(54.88% 0.0942 192.21) 58.1%, oklch(59.73% 0.1128 167.09) 61.3%, oklch(64.78% 0.1207 142.50) 64.5%, oklch(69.71% 0.1274 119.80) 67.7%, oklch(74.21% 0.1315 100.32) 71.0%, oklch(77.96% 0.1316 85.42) 74.2%, oklch(80.87% 0.1267 76.09) 77.4%, oklch(83.36% 0.1170 71.53) 80.6%, oklch(85.49% 0.1040 70.66) 83.9%, oklch(87.29% 0.0890 72.39) 87.1%, oklch(88.82% 0.0736 75.63) 90.3%, oklch(90.11% 0.0591 79.31) 93.5%, oklch(91.20% 0.0469 82.33) 96.8%, oklch(92.13% 0.0386 83.63) 100.0%);

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

Sắc kính màu ghép

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