Đen, xanh lá và vàng liền mạch (gradient hình nón)

Đen, xanh lá và vàng liền mạch: bảng màu gồm 34 màu. #020202, #00ad45, #edfb7f, #00a237, #020202. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

34 màu, 7 keyframe OKLCH chỉnh sửa được.

#020202
#050b0a
#0d201a
#173a2e
#225740
#2c724d
#2f8853
#219c4f
#00ad45
#00bb38
#00c810
#48d300
#76dd00
#a0e800
#c5f134
#e0f864
#eefc7d
#edfb7f
#dff66a
#c4ee45
#9ce500
#70d900
#39ce00
#00c121
#00b130
#00a237
#009142
#007e4c
#006850
#004d4b
#00323c
#041a29
#05080f
#020202

CSS

background: conic-gradient(from 90deg in oklch, oklch(8.66% 0.0000 89.88) 0.0%, oklch(14.34% 0.0118 177.51) 3.0%, oklch(22.47% 0.0277 172.95) 6.1%, oklch(31.89% 0.0469 167.66) 9.1%, oklch(41.37% 0.0688 162.26) 12.1%, oklch(49.75% 0.0924 157.38) 15.2%, oklch(56.05% 0.1187 153.58) 18.2%, oklch(61.02% 0.1539 150.59) 21.2%, oklch(65.17% 0.1885 148.02) 24.2%, oklch(68.83% 0.2130 145.55) 27.3%, oklch(72.32% 0.2435 142.82) 30.3%, oklch(75.98% 0.2420 139.50) 33.3%, oklch(80.31% 0.2336 134.76) 36.4%, oklch(85.10% 0.2250 128.79) 39.4%, oklch(89.67% 0.2051 122.69) 42.4%, oklch(93.34% 0.1727 117.57) 45.5%, oklch(95.43% 0.1511 114.52) 48.5%, oklch(95.29% 0.1494 114.60) 51.5%, oklch(92.93% 0.1663 117.71) 54.5%, oklch(89.00% 0.1938 122.87) 57.6%, oklch(84.15% 0.2234 129.08) 60.6%, oklch(79.07% 0.2322 135.30) 63.6%, oklch(74.41% 0.2424 140.55) 66.7%, oklch(70.28% 0.2309 143.58) 69.7%, oklch(66.20% 0.2082 145.01) 72.7%, oklch(61.95% 0.1862 146.59) 75.8%, oklch(57.33% 0.1576 150.08) 78.8%, oklch(52.11% 0.1236 157.23) 81.8%, oklch(45.93% 0.0908 170.13) 84.8%, oklch(38.08% 0.0656 190.56) 87.9%, oklch(29.37% 0.0520 215.38) 90.9%, oklch(20.80% 0.0413 240.61) 93.9%, oklch(13.43% 0.0171 262.73) 97.0%, oklch(8.27% 0.0000 89.88) 100.0%);

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

Gradient Black Friday Gradient 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