Đen, xanh cổ vịt, vàng và cam (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #031f24, #03615f, #7daf5b, #f9ab16, #f25f4d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#031f24
#042328
#04292e
#043036
#04393d
#044246
#034c4f
#035657
#03615f
#056b65
#0c756a
#177f6c
#26896d
#39946c
#4e9e68
#65a763
#7daf5b
#96b550
#aeb945
#c4bb39
#d6bb2e
#e5b824
#f1b31b
#f9ab16
#fea117
#ff9724
#ff8b2b
#fe8031
#fb7539
#f86c41
#f46547
#f25f4d

CSS

background: linear-gradient(45deg in oklch, oklch(22.05% 0.0344 211.64) 0.0%, oklch(23.74% 0.0376 210.13) 3.2%, oklch(25.92% 0.0415 208.52) 6.5%, oklch(28.50% 0.0461 206.72) 9.7%, oklch(31.38% 0.0513 204.67) 12.9%, oklch(34.50% 0.0570 202.30) 16.1%, oklch(37.77% 0.0630 199.52) 19.4%, oklch(41.10% 0.0691 196.26) 22.6%, oklch(44.40% 0.0754 192.45) 25.8%, oklch(47.61% 0.0816 188.02) 29.0%, oklch(50.63% 0.0876 182.88) 32.3%, oklch(53.52% 0.0935 176.86) 35.5%, oklch(56.66% 0.0998 169.69) 38.7%, oklch(59.99% 0.1064 161.56) 41.9%, oklch(63.38% 0.1132 152.72) 45.2%, oklch(66.75% 0.1201 143.38) 48.4%, oklch(69.97% 0.1269 133.77) 51.6%, oklch(72.93% 0.1335 124.14) 54.8%, oklch(75.54% 0.1398 114.69) 58.1%, oklch(77.68% 0.1457 105.68) 61.3%, oklch(79.25% 0.1511 97.32) 64.5%, oklch(80.13% 0.1558 89.79) 67.7%, oklch(80.21% 0.1601 82.44) 71.0%, oklch(79.60% 0.1641 75.13) 74.2%, oklch(78.44% 0.1677 67.96) 77.4%, oklch(76.89% 0.1686 61.03) 80.6%, oklch(75.08% 0.1719 54.44) 83.9%, oklch(73.16% 0.1767 48.27) 87.1%, oklch(71.28% 0.1791 42.63) 90.3%, oklch(69.59% 0.1812 37.62) 93.5%, oklch(68.22% 0.1831 33.34) 96.8%, oklch(67.32% 0.1846 29.88) 100.0%);

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

Gradient màu giả thiên văn

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