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

Gradient tuyến tính, 32 màu, góc 135°: #101703, #43650a, #a3e41a, #ecff58, #ffad1f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#101703
#141c04
#192304
#1e2c04
#243505
#2b4006
#334c07
#3b5808
#43650a
#4d740c
#57840e
#639610
#70a813
#7dba15
#8acb17
#96d918
#a3e41a
#aeed20
#baf527
#c5fb2f
#cfff3a
#dcff6a
#e5ff75
#ecff58
#f5fb29
#fcf217
#ffe63d
#ffd947
#ffcc40
#ffbf33
#ffb426
#ffad1f

CSS

background: linear-gradient(135deg in oklch, oklch(19.29% 0.0400 125.16) 0.0%, oklch(21.29% 0.0459 125.53) 3.2%, oklch(23.87% 0.0536 126.08) 6.5%, oklch(26.94% 0.0628 126.73) 9.7%, oklch(30.40% 0.0732 127.42) 12.9%, oklch(34.16% 0.0843 128.10) 16.1%, oklch(38.12% 0.0957 128.70) 19.4%, oklch(42.20% 0.1073 129.16) 22.6%, oklch(46.32% 0.1186 129.44) 25.8%, oklch(50.93% 0.1313 129.65) 29.0%, oklch(56.03% 0.1453 129.84) 32.3%, oklch(61.40% 0.1600 129.96) 35.5%, oklch(66.81% 0.1745 129.96) 38.7%, oklch(72.02% 0.1880 129.79) 41.9%, oklch(76.80% 0.1997 129.41) 45.2%, oklch(80.93% 0.2089 128.76) 48.4%, oklch(84.26% 0.2147 127.85) 51.6%, oklch(87.15% 0.2179 126.88) 54.8%, oklch(89.66% 0.2188 125.80) 58.1%, oklch(91.77% 0.2180 124.52) 61.3%, oklch(93.44% 0.2133 122.94) 64.5%, oklch(94.67% 0.1775 120.96) 67.7%, oklch(95.42% 0.1648 118.50) 71.0%, oklch(95.68% 0.1853 115.45) 74.2%, oklch(95.26% 0.2026 111.51) 77.4%, oklch(93.89% 0.1977 106.33) 80.6%, oklch(91.82% 0.1753 100.32) 83.9%, oklch(89.33% 0.1610 93.93) 87.1%, oklch(86.69% 0.1583 87.60) 90.3%, oklch(84.20% 0.1601 81.77) 93.5%, oklch(82.11% 0.1633 76.88) 96.8%, oklch(80.71% 0.1654 73.38) 100.0%);

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

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