Be, đỏ, đen và xanh cổ vịt (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #feffe5, #ff9749, #580700, #000000, #1ab68d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#feffe5
#fdffd4
#fdffbf
#fdfcac
#fdf599
#ffe680
#ffd072
#ffb55e
#ff9749
#fe7938
#f8612f
#f24922
#e72e12
#d40907
#b1000b
#850500
#580700
#340201
#190103
#060002
#000000
#000000
#000000
#000000
#000408
#00191e
#003232
#004b44
#006857
#00866c
#09a280
#1ab68d

CSS

background: linear-gradient(90deg in oklch, oklch(99.21% 0.0338 109.67) 0.0%, oklch(98.80% 0.0552 109.28) 3.2%, oklch(98.34% 0.0819 109.09) 6.5%, oklch(97.43% 0.1008 107.78) 9.7%, oklch(95.63% 0.1133 103.96) 12.9%, oklch(92.51% 0.1255 96.06) 16.1%, oklch(87.97% 0.1246 83.29) 19.4%, oklch(82.64% 0.1344 68.38) 22.6%, oklch(77.16% 0.1545 54.33) 25.8%, oklch(72.18% 0.1795 44.08) 29.0%, oklch(68.05% 0.1947 37.82) 32.3%, oklch(64.25% 0.2112 33.89) 35.5%, oklch(60.10% 0.2224 31.28) 38.7%, oklch(54.92% 0.2222 29.03) 41.9%, oklch(47.90% 0.1957 27.87) 45.2%, oklch(38.97% 0.1569 29.87) 48.4%, oklch(29.47% 0.1134 31.44) 51.6%, oklch(20.75% 0.0801 28.88) 54.8%, oklch(14.02% 0.0510 17.67) 58.1%, oklch(8.12% 0.0302 356.27) 61.3%, oklch(3.15% 0.0145 328.54) 64.5%, oklch(0.34% 0.0020 285.68) 67.7%, oklch(0.10% 0.0006 284.66) 71.0%, oklch(3.34% 0.0060 251.36) 74.2%, oklch(10.43% 0.0191 230.54) 77.4%, oklch(19.44% 0.0339 211.94) 80.6%, oklch(28.68% 0.0489 195.88) 83.9%, oklch(37.00% 0.0655 184.13) 87.1%, oklch(46.11% 0.0856 176.86) 90.3%, oklch(55.42% 0.1066 172.78) 93.5%, oklch(63.58% 0.1238 170.48) 96.8%, oklch(69.29% 0.1350 168.51) 100.0%);

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

Gradient nhiều màu rực rỡ Gradient nhiều màu

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