Xanh hải quân, xanh cổ vịt, xanh lá và hồng (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh cổ vịt, xanh lá và hồng

Gradient tuyến tính, 32 màu, góc 45°: #0a2643, #069c8e, #48e222, #efd86d, #f7d1c5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0a2643
#0a2e4b
#0a3a56
#094962
#0a5a6e
#0c6c7a
#0f7e83
#118e8a
#069c8e
#00a890
#00b28f
#00bc8c
#00c586
#00cd7d
#00d56d
#00de4d
#48e222
#78e200
#9ae100
#b3e000
#c8de23
#d8dc43
#e5da5a
#efd86d
#f7d77b
#fcd589
#ffd398
#ffd2a6
#ffd0af
#fdd0b8
#f9d1c0
#f7d1c5

CSS

background: linear-gradient(45deg in oklch, oklch(26.38% 0.0634 252.42) 0.0%, oklch(29.31% 0.0661 246.91) 3.2%, oklch(33.36% 0.0689 239.37) 6.5%, oklch(38.19% 0.0721 230.38) 9.7%, oklch(43.46% 0.0763 220.52) 12.9%, oklch(48.84% 0.0817 210.38) 16.1%, oklch(53.99% 0.0887 200.55) 19.4%, oklch(58.56% 0.0978 191.61) 22.6%, oklch(62.25% 0.1094 184.12) 25.8%, oklch(65.35% 0.1205 177.70) 29.0%, oklch(68.09% 0.1321 171.95) 32.3%, oklch(70.52% 0.1451 166.67) 35.5%, oklch(72.69% 0.1602 161.66) 38.7%, oklch(74.67% 0.1786 156.74) 41.9%, oklch(76.51% 0.2025 151.72) 45.2%, oklch(78.27% 0.2365 146.40) 48.4%, oklch(79.98% 0.2503 140.68) 51.6%, oklch(81.56% 0.2376 134.85) 54.8%, oklch(82.99% 0.2200 128.97) 58.1%, oklch(84.27% 0.2067 122.99) 61.3%, oklch(85.42% 0.1895 116.91) 64.5%, oklch(86.42% 0.1677 110.68) 67.7%, oklch(87.29% 0.1473 104.29) 71.0%, oklch(88.03% 0.1303 97.70) 74.2%, oklch(88.59% 0.1169 90.63) 77.4%, oklch(88.94% 0.1039 82.65) 80.6%, oklch(89.11% 0.0898 74.17) 83.9%, oklch(89.15% 0.0766 65.58) 87.1%, oklch(89.11% 0.0688 57.34) 90.3%, oklch(89.03% 0.0596 49.87) 93.5%, oklch(88.97% 0.0517 43.60) 96.8%, oklch(88.98% 0.0455 38.96) 100.0%);

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

Gradient viễn thám

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