Đen, xanh hải quân, tím và cam (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #000203, #010b15, #001546, #60088b, #f87700. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#000203
#000204
#000305
#000406
#000508
#00060a
#01070d
#010911
#010b15
#010d1a
#00101f
#001125
#00132a
#00142f
#001535
#00163c
#001546
#000d5b
#090965
#150570
#23017a
#330082
#470288
#60088b
#7b1188
#981a80
#b32573
#ca3463
#dd4651
#ea593c
#f36a25
#f87700

CSS

background: linear-gradient(45deg in oklch, oklch(7.87% 0.0138 218.67) 0.0%, oklch(8.38% 0.0151 220.27) 3.2%, oklch(9.00% 0.0162 222.27) 6.5%, oklch(9.72% 0.0173 224.62) 9.7%, oklch(10.54% 0.0186 227.25) 12.9%, oklch(11.43% 0.0203 230.13) 16.1%, oklch(12.39% 0.0226 233.18) 19.4%, oklch(13.40% 0.0257 236.37) 22.6%, oklch(14.44% 0.0298 239.63) 25.8%, oklch(15.50% 0.0350 242.90) 29.0%, oklch(16.57% 0.0416 246.14) 32.3%, oklch(17.63% 0.0496 249.74) 35.5%, oklch(18.52% 0.0557 252.18) 38.7%, oklch(19.34% 0.0622 254.33) 41.9%, oklch(20.14% 0.0698 256.40) 45.2%, oklch(20.99% 0.0798 258.60) 48.4%, oklch(21.95% 0.0958 261.15) 51.6%, oklch(23.09% 0.1345 264.09) 54.8%, oklch(24.49% 0.1485 268.06) 58.1%, oklch(26.20% 0.1610 273.04) 61.3%, oklch(28.29% 0.1711 279.25) 64.5%, oklch(30.86% 0.1780 286.96) 67.7%, oklch(34.13% 0.1836 297.08) 71.0%, oklch(38.08% 0.1868 309.25) 74.2%, oklch(42.50% 0.1885 322.92) 77.4%, oklch(47.21% 0.1890 337.49) 80.6%, oklch(52.00% 0.1887 352.39) 83.9%, oklch(56.71% 0.1877 7.01) 87.1%, oklch(61.14% 0.1866 20.77) 90.3%, oklch(65.10% 0.1854 33.08) 93.5%, oklch(68.40% 0.1847 43.35) 96.8%, oklch(70.87% 0.1846 51.00) 100.0%);

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

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