Đen, tím, xanh dương và xanh hải quân (tương đồng) (gradient tuyến tính)

Bảng màu Đen, tím, xanh dương và xanh hải quân (tương đồng)

Gradient tuyến tính, 32 màu, góc 45°: #00060f, #5e5f81, #68a4d5, #0383a2, #010010. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00060f
#020b17
#071421
#121e2e
#1f2a3d
#2e374e
#3e445f
#4e5270
#5e5f81
#6b6b90
#76749d
#7c7ca8
#7f85b4
#7f8dbf
#7b95c9
#739dd1
#68a4d5
#5aa9d6
#4bacd3
#3baccd
#2ba8c5
#1da1bd
#0f95b1
#0383a2
#016f91
#04597d
#074367
#072e51
#061c3c
#040c29
#02031b
#010010

CSS

background: linear-gradient(45deg in oklch, oklch(11.81% 0.0289 243.98) 0.0%, oklch(14.66% 0.0309 246.81) 3.2%, oklch(18.52% 0.0332 251.03) 6.5%, oklch(23.15% 0.0360 256.22) 9.7%, oklch(28.33% 0.0391 261.99) 12.9%, oklch(33.82% 0.0426 267.91) 16.1%, oklch(39.38% 0.0462 273.58) 19.4%, oklch(44.78% 0.0500 278.58) 22.6%, oklch(49.80% 0.0540 282.52) 25.8%, oklch(54.18% 0.0580 284.96) 29.0%, oklch(57.72% 0.0620 285.51) 32.3%, oklch(60.40% 0.0663 283.62) 35.5%, oklch(62.86% 0.0716 278.97) 38.7%, oklch(65.10% 0.0775 272.14) 41.9%, oklch(67.02% 0.0838 263.79) 45.2%, oklch(68.56% 0.0902 254.55) 48.4%, oklch(69.65% 0.0964 245.06) 51.6%, oklch(70.21% 0.1019 235.98) 54.8%, oklch(70.16% 0.1065 227.94) 58.1%, oklch(69.44% 0.1098 221.59) 61.3%, oklch(67.97% 0.1115 217.57) 64.5%, oklch(65.63% 0.1113 216.50) 67.7%, oklch(61.83% 0.1088 218.22) 71.0%, oklch(56.70% 0.1043 222.20) 74.2%, oklch(50.58% 0.0984 227.92) 77.4%, oklch(43.80% 0.0913 234.89) 80.6%, oklch(36.70% 0.0837 242.59) 83.9%, oklch(29.62% 0.0759 250.53) 87.1%, oklch(22.90% 0.0684 258.21) 90.3%, oklch(16.88% 0.0617 265.12) 93.5%, oklch(11.89% 0.0562 270.76) 96.8%, oklch(8.29% 0.0522 274.60) 100.0%);

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

Gradient xanh dương và tím

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