Xanh hải quân, tím, đỏ và vàng (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #00032e, #1e014c, #46005d, #9b194d, #cabe03. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00032e
#010330
#030333
#050337
#09033b
#0e0240
#130244
#190248
#1e014c
#240050
#2a0053
#2f0055
#340057
#380059
#3c005a
#41005b
#46005d
#4c005e
#53005f
#5d005f
#69005f
#77015c
#880b56
#9b194d
#ae2a3f
#bf3f2b
#cb5700
#cd7400
#cf8c00
#cfa000
#ceb100
#cabe03

CSS

background: linear-gradient(135deg in oklch, oklch(14.57% 0.0868 264.38) 0.0%, oklch(15.12% 0.0894 266.36) 3.2%, oklch(15.80% 0.0927 268.87) 6.5%, oklch(16.61% 0.0967 271.82) 9.7%, oklch(17.52% 0.1012 275.14) 12.9%, oklch(18.50% 0.1060 278.75) 16.1%, oklch(19.56% 0.1109 282.54) 19.4%, oklch(20.65% 0.1159 286.46) 22.6%, oklch(21.78% 0.1208 290.40) 25.8%, oklch(22.91% 0.1254 294.29) 29.0%, oklch(24.04% 0.1296 298.04) 32.3%, oklch(25.13% 0.1331 301.43) 35.5%, oklch(26.05% 0.1358 304.31) 38.7%, oklch(26.87% 0.1382 306.83) 41.9%, oklch(27.66% 0.1405 309.21) 45.2%, oklch(28.50% 0.1429 311.68) 48.4%, oklch(29.46% 0.1455 314.47) 51.6%, oklch(30.59% 0.1485 317.80) 54.8%, oklch(31.98% 0.1519 321.91) 58.1%, oklch(33.68% 0.1559 327.01) 61.3%, oklch(35.77% 0.1604 333.34) 64.5%, oklch(38.33% 0.1645 341.18) 67.7%, oklch(41.65% 0.1658 351.34) 71.0%, oklch(45.63% 0.1667 3.55) 74.2%, oklch(50.10% 0.1672 17.23) 77.4%, oklch(54.84% 0.1674 31.80) 80.6%, oklch(59.69% 0.1661 46.64) 83.9%, oklch(64.44% 0.1493 61.24) 87.1%, oklch(68.91% 0.1454 74.97) 90.3%, oklch(72.91% 0.1491 87.26) 93.5%, oklch(76.25% 0.1574 97.52) 96.8%, oklch(78.74% 0.1667 105.16) 100.0%);

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

Gradient nhiều mà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