Xanh hải quân, tím, cam và be (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #080b11, #024f7f, #a66ebf, #dfbb69, #faf4db. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#080b11
#090f19
#0b1325
#0e1933
#111f43
#152754
#173164
#153e72
#024f7f
#006385
#00768e
#0e8697
#2491a3
#3296b6
#5091ca
#7b81d2
#a66ebf
#c46094
#d25f64
#d76b43
#d87e33
#da933a
#dca850
#dfbb69
#e3cb80
#e6d793
#e9e0a4
#ede6b2
#f1ebbf
#f5eecb
#f8f1d4
#faf4db

CSS

background: linear-gradient(45deg in oklch, oklch(14.96% 0.0138 262.97) 0.0%, oklch(16.74% 0.0235 263.37) 3.2%, oklch(19.09% 0.0376 264.34) 6.5%, oklch(21.91% 0.0541 265.33) 9.7%, oklch(25.12% 0.0708 265.76) 12.9%, oklch(28.62% 0.0856 265.06) 16.1%, oklch(32.32% 0.0964 262.65) 19.4%, oklch(36.45% 0.1016 256.41) 22.6%, oklch(41.44% 0.1025 244.74) 25.8%, oklch(46.83% 0.0944 230.98) 29.0%, oklch(52.15% 0.0940 218.48) 32.3%, oklch(56.92% 0.0961 210.71) 35.5%, oklch(60.69% 0.0966 211.13) 38.7%, oklch(62.97% 0.1011 223.20) 41.9%, oklch(63.70% 0.1098 247.23) 45.2%, oklch(63.44% 0.1206 279.15) 48.4%, oklch(62.82% 0.1317 314.65) 51.6%, oklch(62.42% 0.1410 349.46) 54.8%, oklch(62.86% 0.1467 19.26) 58.1%, oklch(64.70% 0.1467 40.41) 61.3%, oklch(67.86% 0.1416 56.31) 64.5%, oklch(71.86% 0.1328 68.78) 67.7%, oklch(76.26% 0.1216 78.47) 71.0%, oklch(80.64% 0.1095 86.03) 74.2%, oklch(84.53% 0.0977 92.11) 77.4%, oklch(87.53% 0.0877 97.31) 80.6%, oklch(89.85% 0.0777 100.34) 83.9%, oklch(91.76% 0.0671 101.04) 87.1%, oklch(93.33% 0.0567 100.19) 90.3%, oklch(94.59% 0.0471 98.59) 93.5%, oklch(95.62% 0.0390 97.05) 96.8%, oklch(96.46% 0.0331 96.35) 100.0%);

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

Gradient màu giả thiên vă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