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

Xanh hải quân, tím, hồng và hồng đào: bảng màu gồm 32 màu. #171b4c, #5b3180, #b0539c, #f07d8c, #ffd6b1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 5 keyframe OKLCH chỉnh sửa được.

#171b4c
#1c1d51
#221f57
#2a225e
#322565
#3c286d
#462b74
#512e7b
#5b3180
#653586
#6f398b
#7a3d8f
#844193
#8f4597
#9a4a99
#a54e9b
#b0539c
#ba579b
#c45d9a
#ce6298
#d76895
#e06e92
#e8758f
#f07d8c
#f7868a
#fe9087
#ff9f8a
#ffae90
#ffbb98
#ffc6a1
#ffcfaa
#ffd6b1

CSS

background: linear-gradient(180deg in oklch, oklch(25.20% 0.0896 274.92) 0.0%, oklch(26.38% 0.0929 277.29) 3.2%, oklch(27.95% 0.0975 280.46) 6.5%, oklch(29.81% 0.1030 284.22) 9.7%, oklch(31.89% 0.1090 288.41) 12.9%, oklch(34.10% 0.1151 292.81) 16.1%, oklch(36.35% 0.1210 297.25) 19.4%, oklch(38.57% 0.1263 301.52) 22.6%, oklch(40.67% 0.1305 305.46) 25.8%, oklch(42.79% 0.1343 309.17) 29.0%, oklch(44.96% 0.1378 312.79) 32.3%, oklch(47.18% 0.1411 316.38) 35.5%, oklch(49.41% 0.1440 320.02) 38.7%, oklch(51.64% 0.1465 323.77) 41.9%, oklch(53.85% 0.1484 327.71) 45.2%, oklch(56.02% 0.1498 331.89) 48.4%, oklch(58.13% 0.1505 336.37) 51.6%, oklch(60.19% 0.1506 341.06) 54.8%, oklch(62.20% 0.1501 345.94) 58.1%, oklch(64.19% 0.1491 350.99) 61.3%, oklch(66.18% 0.1476 356.20) 64.5%, oklch(68.18% 0.1458 1.59) 67.7%, oklch(70.22% 0.1436 7.12) 71.0%, oklch(72.30% 0.1412 12.81) 74.2%, oklch(74.52% 0.1383 18.90) 77.4%, oklch(76.98% 0.1345 25.81) 80.6%, oklch(79.57% 0.1188 33.20) 83.9%, oklch(82.16% 0.1042 40.68) 87.1%, oklch(84.64% 0.0919 47.88) 90.3%, oklch(86.88% 0.0817 54.40) 93.5%, oklch(88.76% 0.0734 59.88) 96.8%, oklch(90.16% 0.0672 63.93) 100.0%);

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

Gradient bình minh

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