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

Bảng màu Đen, xanh lá, xanh lơ và xanh dương

Gradient tuyến tính, 32 màu, góc 45°: #141100, #719a01, #75fec3, #52d7e8, #0d2586. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#141100
#1c1900
#272500
#343300
#424400
#515800
#5f6d00
#6a8400
#719a01
#75ae23
#75c03b
#71ce53
#6edb6b
#6de783
#6df19a
#70f8b0
#75fec3
#8affd5
#93ffe1
#8cffe9
#81fcee
#79f5f0
#69e8ee
#52d7e8
#36c2df
#0caad4
#0090c3
#0077b1
#005fa1
#004994
#00348f
#0d2586

CSS

background: linear-gradient(45deg in oklch, oklch(17.72% 0.0371 101.92) 0.0%, oklch(21.14% 0.0446 103.67) 3.2%, oklch(25.74% 0.0549 106.01) 6.5%, oklch(31.25% 0.0676 108.68) 9.7%, oklch(37.40% 0.0826 111.66) 12.9%, oklch(43.95% 0.0995 114.93) 16.1%, oklch(50.61% 0.1183 118.45) 19.4%, oklch(57.13% 0.1389 122.19) 22.6%, oklch(63.23% 0.1609 126.11) 25.8%, oklch(68.67% 0.1727 130.18) 29.0%, oklch(73.16% 0.1804 134.36) 32.3%, oklch(76.74% 0.1832 138.64) 35.5%, oklch(80.12% 0.1814 143.08) 38.7%, oklch(83.28% 0.1760 147.70) 41.9%, oklch(86.14% 0.1679 152.51) 45.2%, oklch(88.59% 0.1580 157.50) 48.4%, oklch(90.56% 0.1471 162.69) 51.6%, oklch(91.93% 0.1233 168.09) 54.8%, oklch(92.64% 0.1096 173.69) 58.1%, oklch(92.59% 0.1103 179.50) 61.3%, oklch(91.68% 0.1131 185.52) 64.5%, oklch(89.77% 0.1115 191.82) 67.7%, oklch(86.29% 0.1126 198.95) 71.0%, oklch(81.35% 0.1159 206.84) 74.2%, oklch(75.32% 0.1209 215.25) 77.4%, oklch(68.56% 0.1270 223.89) 80.6%, oklch(61.43% 0.1261 232.51) 83.9%, oklch(54.27% 0.1261 240.83) 87.1%, oklch(47.47% 0.1296 248.59) 90.3%, oklch(41.36% 0.1387 255.52) 93.5%, oklch(36.31% 0.1592 261.30) 96.8%, oklch(32.68% 0.1626 265.75) 100.0%);

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

Gradient nhiều mà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