Xanh dương, xanh lơ và xanh lá (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #2a576b, #00a6d3, #00f1d7, #2ffe76, #6ce637. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#2a576b
#285d74
#236682
#1a7092
#0e7ba1
#0185ae
#0090bb
#009bc8
#00a6d3
#00b1dc
#00bbe2
#05c5e5
#12cfe7
#14d8e7
#01e1e5
#00e9df
#00f1d7
#02f7cb
#19fbc0
#1efdb2
#1dfea3
#1dfe94
#25fe84
#2ffe76
#35ff6b
#41ff64
#42ff57
#46fd47
#53f73f
#5ff13a
#67ea38
#6ce637

CSS

background: linear-gradient(135deg in oklch, oklch(43.31% 0.0593 229.22) 0.0%, oklch(45.27% 0.0676 229.32) 3.2%, oklch(48.05% 0.0798 229.51) 6.5%, oklch(51.28% 0.0930 229.61) 9.7%, oklch(54.57% 0.1049 229.43) 12.9%, oklch(57.68% 0.1133 228.92) 16.1%, oklch(60.95% 0.1194 228.43) 19.4%, oklch(64.28% 0.1249 227.63) 22.6%, oklch(67.51% 0.1292 226.11) 25.8%, oklch(70.49% 0.1318 223.49) 29.0%, oklch(73.26% 0.1331 219.68) 32.3%, oklch(75.88% 0.1335 214.93) 35.5%, oklch(78.31% 0.1334 209.46) 38.7%, oklch(80.52% 0.1353 203.51) 41.9%, oklch(82.50% 0.1404 196.90) 45.2%, oklch(84.33% 0.1460 189.15) 48.4%, oklch(85.92% 0.1548 181.07) 51.6%, oklch(87.17% 0.1663 173.54) 54.8%, oklch(87.97% 0.1767 167.39) 58.1%, oklch(88.19% 0.1886 162.37) 61.3%, oklch(87.99% 0.2015 158.14) 64.5%, oklch(87.65% 0.2144 154.54) 67.7%, oklch(87.41% 0.2259 151.43) 71.0%, oklch(87.45% 0.2364 148.89) 74.2%, oklch(87.63% 0.2455 147.06) 77.4%, oklch(87.76% 0.2478 145.66) 80.6%, oklch(87.65% 0.2564 144.40) 83.9%, oklch(87.09% 0.2627 143.00) 87.1%, oklch(85.95% 0.2572 141.57) 90.3%, oklch(84.53% 0.2482 140.25) 93.5%, oklch(83.19% 0.2390 139.13) 96.8%, oklch(82.28% 0.2329 138.34) 100.0%);

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

Gradient xanh lá Gradient nhiệt đới Gradient xanh dương và xanh lá

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