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

Bảng màu Đen, xanh hải quân và xanh cổ vịt

Gradient tuyến tính, 32 màu, góc 180°: #160c24, #272856, #00617e, #009893, #70d3ba. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#160c24
#170d28
#1a102c
#1c1332
#1f1639
#221a40
#251e48
#26234f
#272856
#262e5d
#253563
#223c69
#1e436e
#184a73
#115277
#07597b
#00617e
#006881
#007084
#007887
#007f8a
#00878d
#008f90
#009893
#01a097
#22a89b
#35b1a1
#46b9a7
#54c1ad
#5fc8b2
#69ceb7
#70d3ba

CSS

background: linear-gradient(180deg in oklch, oklch(18.11% 0.0496 300.23) 0.0%, oklch(19.03% 0.0522 298.84) 3.2%, oklch(20.24% 0.0558 297.21) 6.5%, oklch(21.68% 0.0601 295.28) 9.7%, oklch(23.29% 0.0648 292.99) 12.9%, oklch(25.02% 0.0695 290.28) 16.1%, oklch(26.81% 0.0739 287.09) 19.4%, oklch(28.60% 0.0777 283.35) 22.6%, oklch(30.36% 0.0805 279.00) 25.8%, oklch(32.13% 0.0825 273.72) 29.0%, oklch(33.98% 0.0839 267.62) 32.3%, oklch(35.87% 0.0849 260.93) 35.5%, oklch(37.82% 0.0856 253.93) 38.7%, oklch(39.80% 0.0864 246.85) 41.9%, oklch(41.81% 0.0873 239.95) 45.2%, oklch(43.85% 0.0887 233.48) 48.4%, oklch(45.92% 0.0892 227.61) 51.6%, oklch(48.02% 0.0886 221.76) 54.8%, oklch(50.16% 0.0891 215.95) 58.1%, oklch(52.33% 0.0906 210.30) 61.3%, oklch(54.53% 0.0931 204.90) 64.5%, oklch(56.75% 0.0965 199.86) 67.7%, oklch(58.99% 0.1006 195.27) 71.0%, oklch(61.25% 0.1054 191.24) 74.2%, oklch(63.59% 0.1105 187.84) 77.4%, oklch(66.18% 0.1099 184.98) 80.6%, oklch(68.89% 0.1087 182.61) 83.9%, oklch(71.59% 0.1069 180.65) 87.1%, oklch(74.17% 0.1050 179.02) 90.3%, oklch(76.50% 0.1031 177.68) 93.5%, oklch(78.46% 0.1016 176.54) 96.8%, oklch(79.92% 0.1006 175.54) 100.0%);

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

Bảng màu phù thủy

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