Tím đậm và đỏ nâu tông rực rỡ (gradient hình nón)

Gradient hình nón, 32 màu, góc 315°: #4e1434, #7a264e, #ae4d65, #8a2b4f, #3a1224. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4e1434
#511536
#551739
#5b183c
#601a40
#671c43
#6d1f47
#74224b
#7a264e
#822b52
#8a3156
#93385a
#9c3f5d
#a34561
#a94a63
#ad4d65
#ae4d65
#ad4b63
#aa4761
#a6425e
#a03c5b
#993657
#913053
#8a2b4f
#81274a
#762345
#6a203f
#5e1c39
#531932
#48162c
#401328
#3a1224

CSS

background: conic-gradient(from 315deg in oklch, oklch(29.92% 0.0937 350.16) 0.0%, oklch(30.74% 0.0963 350.43) 3.2%, oklch(31.81% 0.1000 350.74) 6.5%, oklch(33.08% 0.1044 351.10) 9.7%, oklch(34.51% 0.1092 351.54) 12.9%, oklch(36.06% 0.1140 352.09) 16.1%, oklch(37.67% 0.1183 352.77) 19.4%, oklch(39.32% 0.1220 353.62) 22.6%, oklch(40.97% 0.1245 354.67) 25.8%, oklch(42.96% 0.1262 356.16) 29.0%, oklch(45.27% 0.1272 358.02) 32.3%, oklch(47.71% 0.1277 0.07) 35.5%, oklch(50.08% 0.1278 2.16) 38.7%, oklch(52.20% 0.1278 4.08) 41.9%, oklch(53.87% 0.1278 5.68) 45.2%, oklch(54.90% 0.1280 6.77) 48.4%, oklch(55.13% 0.1285 7.19) 51.6%, oklch(54.65% 0.1298 7.03) 54.8%, oklch(53.61% 0.1315 6.43) 58.1%, oklch(52.12% 0.1332 5.49) 61.3%, oklch(50.32% 0.1345 4.35) 64.5%, oklch(48.31% 0.1350 3.13) 67.7%, oklch(46.23% 0.1342 1.95) 71.0%, oklch(44.19% 0.1318 0.94) 74.2%, oklch(42.11% 0.1271 0.08) 77.4%, oklch(39.64% 0.1198 359.17) 80.6%, oklch(36.91% 0.1107 358.22) 83.9%, oklch(34.09% 0.1007 357.27) 87.1%, oklch(31.34% 0.0905 356.38) 90.3%, oklch(28.83% 0.0810 355.57) 93.5%, oklch(26.73% 0.0731 354.89) 96.8%, oklch(25.20% 0.0675 354.38) 100.0%);

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

Sọc màu đỏ đô Sọc màu tông ấm Sọc màu u buồn Bảng màu đỏ nâu

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