Tím đậm, đỏ nâu và hồng đào (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #280b29, #791d39, #c84954, #f37d71, #f8b996. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#280b29
#2d0d2c
#350e2f
#3f1032
#4a1235
#561437
#631738
#6f1a38
#791d39
#84223b
#8e263e
#992b41
#a33045
#ad3649
#b73c4d
#c04251
#c84954
#d05058
#d7575c
#de5e60
#e46665
#ea6d69
#ef756d
#f37d71
#f68474
#f88d78
#fa967c
#fa9f81
#f9a787
#f9ae8d
#f8b492
#f8b996

CSS

background: linear-gradient(90deg in oklch, oklch(21.26% 0.0661 326.25) 0.0%, oklch(22.64% 0.0711 329.67) 3.2%, oklch(24.47% 0.0778 334.47) 6.5%, oklch(26.65% 0.0858 340.19) 9.7%, oklch(29.08% 0.0947 346.39) 12.9%, oklch(31.65% 0.1037 352.63) 16.1%, oklch(34.25% 0.1124 358.48) 19.4%, oklch(36.79% 0.1203 3.48) 22.6%, oklch(39.16% 0.1269 7.21) 25.8%, oklch(41.53% 0.1331 9.92) 29.0%, oklch(43.96% 0.1390 11.93) 32.3%, oklch(46.42% 0.1447 13.41) 35.5%, oklch(48.88% 0.1498 14.52) 38.7%, oklch(51.31% 0.1543 15.44) 41.9%, oklch(53.69% 0.1578 16.34) 45.2%, oklch(55.98% 0.1604 17.40) 48.4%, oklch(58.17% 0.1618 18.68) 51.6%, oklch(60.32% 0.1622 19.81) 54.8%, oklch(62.43% 0.1617 20.81) 58.1%, oklch(64.48% 0.1603 21.76) 61.3%, oklch(66.47% 0.1581 22.76) 64.5%, oklch(68.39% 0.1552 23.92) 67.7%, oklch(70.24% 0.1516 25.31) 71.0%, oklch(72.01% 0.1472 27.04) 74.2%, oklch(73.73% 0.1418 29.28) 77.4%, oklch(75.44% 0.1345 32.13) 80.6%, oklch(77.12% 0.1259 35.38) 83.9%, oklch(78.72% 0.1167 38.80) 87.1%, oklch(80.20% 0.1075 42.17) 90.3%, oklch(81.51% 0.0990 45.27) 93.5%, oklch(82.61% 0.0919 47.86) 96.8%, oklch(83.46% 0.0868 49.73) 100.0%);

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

Gradient màu giả thiên văn Chân trời chạng vạng điểm phân

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