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

Bảng màu Xanh dương nhạt, xanh cổ vịt, xanh lá và vàng

Gradient tuyến tính, 32 màu, góc 45°: #e9f5fe, #79c0d0, #47b180, #b4cd43, #f1ca4f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e9f5fe
#e0f1fc
#d4ebf9
#c5e4f4
#b5ddef
#a4d5e8
#95cee2
#87c8da
#79c0d0
#6cb8c6
#5fb1bb
#52abb2
#46a7a9
#3ca7a1
#37a998
#3aad8d
#47b180
#5ab472
#6db764
#7eba59
#8dbe50
#9bc34a
#a8c846
#b4cd43
#c0d041
#cbd23e
#d5d23c
#ded13e
#e5ce42
#eacc46
#efcb4b
#f1ca4f

CSS

background: linear-gradient(45deg in oklch, oklch(96.46% 0.0179 237.66) 0.0%, oklch(94.89% 0.0232 235.86) 3.2%, oklch(92.72% 0.0307 233.45) 6.5%, oklch(90.16% 0.0395 230.57) 9.7%, oklch(87.38% 0.0487 227.34) 12.9%, oklch(84.59% 0.0575 223.91) 16.1%, oklch(81.98% 0.0649 220.39) 19.4%, oklch(79.45% 0.0704 217.01) 22.6%, oklch(76.65% 0.0747 213.82) 25.8%, oklch(73.79% 0.0782 210.51) 29.0%, oklch(71.12% 0.0815 206.79) 32.3%, oklch(68.88% 0.0853 202.35) 35.5%, oklch(67.31% 0.0900 196.88) 38.7%, oklch(66.62% 0.0963 189.92) 41.9%, oklch(66.71% 0.1041 181.05) 45.2%, oklch(67.38% 0.1129 170.97) 48.4%, oklch(68.48% 0.1219 160.50) 51.6%, oklch(69.82% 0.1305 150.45) 54.8%, oklch(71.24% 0.1381 141.63) 58.1%, oklch(72.61% 0.1442 134.77) 61.3%, oklch(74.32% 0.1496 129.52) 64.5%, oklch(76.30% 0.1544 125.38) 67.7%, oklch(78.38% 0.1584 121.96) 71.0%, oklch(80.36% 0.1614 118.88) 74.2%, oklch(82.05% 0.1634 115.75) 77.4%, oklch(83.27% 0.1640 112.20) 80.6%, oklch(84.05% 0.1626 108.20) 83.9%, oklch(84.52% 0.1594 104.03) 87.1%, oklch(84.76% 0.1553 99.95) 90.3%, oklch(84.87% 0.1509 96.21) 93.5%, oklch(84.93% 0.1472 93.07) 96.8%, oklch(85.04% 0.1447 90.77) 100.0%);

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

Phấn hoa vàng

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