Xanh hải quân, xanh dương và xanh lơ tông lạnh (gradient tuyến tính)

Bảng màu Xanh hải quân, xanh dương và xanh lơ tông lạnh

Gradient tuyến tính, 32 màu, góc 90°: #0c0632, #171384, #0e53e2, #00acfa, #54fde6. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0c0632
#0e0638
#100740
#11074a
#130855
#150961
#160b6c
#170f78
#171384
#171890
#151f9d
#1226aa
#0e2eb6
#0837c1
#0740cd
#0a49d8
#0e53e2
#0e5eec
#0769f4
#0077f7
#0085f7
#0093f7
#00a0f9
#00acfa
#06b8fb
#19c4fa
#1ccff9
#1edbf7
#27e6f4
#35f0ef
#46f7ea
#54fde6

CSS

background: linear-gradient(90deg in oklch, oklch(17.32% 0.0827 280.55) 0.0%, oklch(18.26% 0.0903 279.78) 3.2%, oklch(19.52% 0.1009 278.75) 6.5%, oklch(21.02% 0.1134 277.51) 9.7%, oklch(22.72% 0.1268 276.15) 12.9%, oklch(24.53% 0.1401 274.76) 16.1%, oklch(26.40% 0.1521 273.41) 19.4%, oklch(28.31% 0.1631 272.10) 22.6%, oklch(30.35% 0.1744 270.71) 25.8%, oklch(32.50% 0.1855 269.29) 29.0%, oklch(34.76% 0.1960 267.86) 32.3%, oklch(37.11% 0.2052 266.48) 35.5%, oklch(39.55% 0.2126 265.18) 38.7%, oklch(42.08% 0.2180 264.10) 41.9%, oklch(44.75% 0.2223 263.48) 45.2%, oklch(47.52% 0.2252 263.07) 48.4%, oklch(50.37% 0.2266 262.55) 51.6%, oklch(53.26% 0.2261 261.59) 54.8%, oklch(56.15% 0.2233 259.88) 58.1%, oklch(59.03% 0.2108 257.15) 61.3%, oklch(61.99% 0.1947 253.59) 64.5%, oklch(65.01% 0.1811 249.38) 67.7%, oklch(68.03% 0.1698 244.59) 71.0%, oklch(70.99% 0.1607 239.30) 74.2%, oklch(73.83% 0.1529 233.58) 77.4%, oklch(76.51% 0.1448 227.50) 80.6%, oklch(79.19% 0.1406 220.13) 83.9%, oklch(81.88% 0.1388 211.63) 87.1%, oklch(84.45% 0.1387 202.79) 90.3%, oklch(86.77% 0.1395 194.42) 93.5%, oklch(88.72% 0.1404 187.32) 96.8%, oklch(90.16% 0.1406 182.27) 100.0%);

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

Gradient tông lạnh Gradient cyberpunk Gradient neon

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