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

Bảng màu Xanh hải quân, tím, xanh lá nhạt và be

Gradient tuyến tính, 32 màu, góc 90°: #0e0d21, #47059b, #6baeff, #d8f197, #f7f7c9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0e0d21
#0f0e2a
#0e0f38
#0c0f48
#070f59
#05106c
#0d117e
#250f8f
#47059b
#6c0098
#8f008c
#ae0083
#c50e89
#cb33a9
#bf59de
#9986ff
#6baeff
#00cdf9
#1fe1dc
#68eac4
#91efb3
#aff1a6
#c6f19d
#d8f197
#e6f195
#f2f198
#f8f2a0
#faf3a9
#f9f4b3
#f8f6bc
#f7f6c4
#f7f7c9

CSS

background: linear-gradient(90deg in oklch, oklch(17.32% 0.0413 283.36) 0.0%, oklch(18.44% 0.0562 280.81) 3.2%, oklch(19.83% 0.0775 276.44) 6.5%, oklch(21.54% 0.1025 271.60) 9.7%, oklch(23.60% 0.1284 267.63) 12.9%, oklch(26.04% 0.1524 265.87) 16.1%, oklch(28.90% 0.1719 267.66) 19.4%, oklch(32.30% 0.1866 275.79) 22.6%, oklch(36.31% 0.1998 291.54) 25.8%, oklch(40.77% 0.2053 310.80) 29.0%, oklch(45.47% 0.2079 329.37) 32.3%, oklch(50.25% 0.2154 343.00) 35.5%, oklch(54.90% 0.2256 347.44) 38.7%, oklch(59.42% 0.2209 338.77) 41.9%, oklch(64.22% 0.2088 317.56) 45.2%, oklch(69.15% 0.1725 287.98) 48.4%, oklch(73.95% 0.1370 254.35) 51.6%, oklch(78.42% 0.1438 220.96) 54.8%, oklch(82.30% 0.1376 192.09) 58.1%, oklch(85.39% 0.1276 171.36) 61.3%, oklch(87.74% 0.1222 155.06) 64.5%, oklch(89.53% 0.1195 141.52) 67.7%, oklch(90.90% 0.1184 130.39) 71.0%, oklch(91.99% 0.1174 121.31) 74.2%, oklch(92.94% 0.1152 113.93) 77.4%, oklch(93.89% 0.1104 107.92) 80.6%, oklch(94.70% 0.1028 104.45) 83.9%, oklch(95.28% 0.0933 103.50) 87.1%, oklch(95.71% 0.0832 104.23) 90.3%, oklch(96.01% 0.0734 105.78) 93.5%, oklch(96.24% 0.0651 107.30) 96.8%, oklch(96.46% 0.0593 107.94) 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