Xanh hải quân, đỏ, cam và xanh lơ (gradient tuyến tính)

Bảng màu Xanh hải quân, đỏ, cam và xanh lơ

Gradient tuyến tính, 32 màu, góc 90°: #00254b, #7a0207, #ff6032, #d3ffd8, #00e2f9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00254b
#0c0058
#0e0023
#030004
#000000
#010000
#170204
#450409
#7a0207
#a01100
#bb1d00
#d41200
#e9000e
#fb0014
#ff3725
#ff4f30
#ff6032
#ff722e
#ff8a27
#f7ab45
#eacd76
#e1e7a6
#ddf7c8
#d3ffd8
#c8ffe4
#adffec
#81fff7
#70faff
#69f2ff
#45edff
#00e7fd
#00e2f9

CSS

background: linear-gradient(90deg in oklch, oklch(26.39% 0.0821 253.28) 0.0%, oklch(21.49% 0.1393 271.28) 3.2%, oklch(13.99% 0.0757 297.49) 6.5%, oklch(7.10% 0.0331 325.69) 9.7%, oklch(2.96% 0.0052 351.05) 12.9%, oklch(5.45% 0.0079 6.76) 16.1%, oklch(13.83% 0.0432 16.89) 19.4%, oklch(25.21% 0.0952 23.38) 22.6%, oklch(36.59% 0.1480 27.61) 25.8%, oklch(45.04% 0.1761 30.88) 29.0%, oklch(50.74% 0.1938 31.72) 32.3%, oklch(55.16% 0.2202 30.16) 35.5%, oklch(58.78% 0.2404 28.25) 38.7%, oklch(62.06% 0.2536 27.92) 41.9%, oklch(65.06% 0.2359 29.92) 45.2%, oklch(67.22% 0.2167 32.40) 48.4%, oklch(69.11% 0.2021 36.42) 51.6%, oklch(71.39% 0.1883 43.26) 54.8%, oklch(74.74% 0.1738 54.28) 58.1%, oklch(79.75% 0.1446 71.00) 61.3%, oklch(85.53% 0.1121 91.40) 64.5%, oklch(90.87% 0.0841 112.58) 67.7%, oklch(94.56% 0.0683 131.68) 71.0%, oklch(95.88% 0.0691 148.06) 74.2%, oklch(95.55% 0.0658 163.82) 77.4%, oklch(94.22% 0.0839 178.11) 80.6%, oklch(92.56% 0.1136 189.99) 83.9%, oklch(91.10% 0.1197 198.55) 87.1%, oklch(89.15% 0.1201 203.48) 90.3%, oklch(86.92% 0.1344 205.88) 93.5%, oklch(84.87% 0.1455 206.99) 96.8%, oklch(83.47% 0.1435 208.04) 100.0%);

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

Gradient nhiều màu rực rỡ 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