Đen sang xanh dương (đơn sắc) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #000010, #000037, #001261, #002395, #0036cf. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#000010
#000013
#000016
#00001b
#000020
#000025
#00002b
#000031
#000037
#000437
#00053c
#000741
#000947
#000b4d
#000e53
#00105a
#001261
#001568
#00176f
#001977
#001c7e
#001e85
#00208d
#002395
#00269e
#0028a6
#002baf
#002db7
#0030be
#0032c5
#0034ca
#0036cf

CSS

background: linear-gradient(180deg in oklch, oklch(7.89% 0.0536 264.12) 0.0%, oklch(8.44% 0.0577 264.10) 3.2%, oklch(9.13% 0.0630 264.07) 6.5%, oklch(9.97% 0.0691 264.05) 9.7%, oklch(10.93% 0.0757 264.05) 12.9%, oklch(11.97% 0.0829 264.05) 16.1%, oklch(13.01% 0.0902 264.05) 19.4%, oklch(14.09% 0.0977 264.05) 22.6%, oklch(15.20% 0.1054 264.05) 25.8%, oklch(16.26% 0.0992 264.16) 29.0%, oklch(17.38% 0.1028 264.08) 32.3%, oklch(18.49% 0.1075 264.01) 35.5%, oklch(19.66% 0.1128 263.95) 38.7%, oklch(20.88% 0.1187 263.91) 41.9%, oklch(22.13% 0.1249 263.87) 45.2%, oklch(23.41% 0.1314 263.84) 48.4%, oklch(24.71% 0.1381 263.82) 51.6%, oklch(26.01% 0.1449 263.79) 54.8%, oklch(27.32% 0.1517 263.78) 58.1%, oklch(28.61% 0.1586 263.76) 61.3%, oklch(29.89% 0.1653 263.75) 64.5%, oklch(31.14% 0.1720 263.74) 67.7%, oklch(32.45% 0.1790 263.74) 71.0%, oklch(33.84% 0.1864 263.73) 74.2%, oklch(35.25% 0.1940 263.72) 77.4%, oklch(36.67% 0.2016 263.72) 80.6%, oklch(38.05% 0.2091 263.71) 83.9%, oklch(39.37% 0.2162 263.71) 87.1%, oklch(40.59% 0.2228 263.70) 90.3%, oklch(41.67% 0.2284 263.70) 93.5%, oklch(42.59% 0.2325 263.67) 96.8%, oklch(43.31% 0.2356 263.67) 100.0%);

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

Gradient đại dương Gradient tông tối Gradient chữ Gradient biển sâ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