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

Gradient tuyến tính, 32 màu, góc 240°: #1b0c1f, #523d01, #8e6b65, #99b540, #f8e386. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1b0c1f
#230d1d
#2f0f15
#361605
#352400
#313000
#2f3a04
#3b3e03
#523d01
#673921
#6e3b46
#6a4465
#664f76
#6d567c
#7a5b79
#88616f
#8e6b65
#8f7661
#8d8264
#8d8c67
#8f9664
#91a15d
#94ab51
#99b540
#a1bd2e
#a9c527
#b6cc30
#c6d240
#d7d755
#e6db69
#f1df7a
#f8e386

CSS

background: linear-gradient(240deg in oklch, oklch(18.50% 0.0427 319.22) 0.0%, oklch(20.03% 0.0465 339.77) 3.2%, oklch(22.12% 0.0520 11.18) 6.5%, oklch(24.61% 0.0583 47.21) 9.7%, oklch(27.31% 0.0564 81.41) 12.9%, oklch(30.03% 0.0648 108.16) 16.1%, oklch(32.59% 0.0740 120.65) 19.4%, oklch(34.95% 0.0755 112.67) 22.6%, oklch(37.30% 0.0756 85.60) 25.8%, oklch(39.65% 0.0746 47.64) 29.0%, oklch(42.00% 0.0729 7.08) 32.3%, oklch(44.35% 0.0707 332.18) 35.5%, oklch(46.70% 0.0684 311.26) 38.7%, oklch(49.05% 0.0655 311.13) 41.9%, oklch(51.39% 0.0599 328.17) 45.2%, oklch(53.73% 0.0530 356.33) 48.4%, oklch(56.07% 0.0468 29.86) 51.6%, oklch(58.42% 0.0433 63.00) 54.8%, oklch(60.78% 0.0445 89.98) 58.1%, oklch(63.16% 0.0525 105.89) 61.3%, oklch(65.57% 0.0701 114.96) 64.5%, oklch(68.00% 0.0941 119.81) 67.7%, oklch(70.44% 0.1205 121.57) 71.0%, oklch(72.87% 0.1452 121.40) 74.2%, oklch(75.27% 0.1640 120.42) 77.4%, oklch(77.64% 0.1731 119.72) 80.6%, oklch(80.17% 0.1718 117.65) 83.9%, oklch(82.83% 0.1632 113.77) 87.1%, oklch(85.44% 0.1504 108.90) 90.3%, oklch(87.84% 0.1362 103.87) 93.5%, oklch(89.87% 0.1236 99.49) 96.8%, oklch(91.34% 0.1157 96.60) 100.0%);

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

Gradient Halloween

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