Đen, đỏ nâu, cam và be (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 180°: #000000, #490006, #bf3b00, #fba418, #fdfbf5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#000000
#020101
#060101
#0f0101
#1a0001
#250002
#300003
#3c0004
#490006
#560008
#65000b
#74000c
#85000b
#960003
#a51600
#b22a00
#bf3b00
#cb4c00
#d75b00
#e16a00
#e97900
#f08700
#f79500
#fba418
#fcb33c
#fcc059
#fcce77
#fbda96
#fbe5b4
#fbefcf
#fcf6e5
#fdfbf5

CSS

background: linear-gradient(180deg in oklch, oklch(5.12% 0.0000 89.88) 0.0%, oklch(6.63% 0.0092 25.16) 3.2%, oklch(8.66% 0.0219 24.90) 6.5%, oklch(11.08% 0.0369 24.61) 9.7%, oklch(13.78% 0.0533 24.36) 12.9%, oklch(16.72% 0.0677 24.74) 16.1%, oklch(19.57% 0.0793 24.56) 19.4%, oklch(22.44% 0.0909 24.55) 22.6%, oklch(25.45% 0.1031 24.48) 25.8%, oklch(28.61% 0.1158 24.50) 29.0%, oklch(31.89% 0.1292 24.78) 32.3%, oklch(35.27% 0.1432 25.47) 35.5%, oklch(38.76% 0.1578 26.75) 38.7%, oklch(42.36% 0.1735 28.76) 41.9%, oklch(46.18% 0.1782 31.35) 45.2%, oklch(50.17% 0.1780 34.55) 48.4%, oklch(54.21% 0.1769 38.15) 51.6%, oklch(58.19% 0.1755 42.03) 54.8%, oklch(62.00% 0.1741 46.08) 58.1%, oklch(65.58% 0.1728 50.24) 61.3%, oklch(69.01% 0.1709 54.96) 64.5%, oklch(72.33% 0.1694 60.11) 67.7%, oklch(75.53% 0.1690 65.38) 71.0%, oklch(78.62% 0.1652 70.47) 74.2%, oklch(81.58% 0.1523 75.05) 77.4%, oklch(84.42% 0.1373 78.84) 80.6%, oklch(87.28% 0.1175 82.01) 83.9%, oklch(90.12% 0.0936 84.75) 87.1%, oklch(92.83% 0.0682 87.08) 90.3%, oklch(95.27% 0.0437 89.03) 93.5%, oklch(97.31% 0.0229 90.62) 96.8%, oklch(98.82% 0.0083 91.89) 100.0%);

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

Gradient chẩn đoán hình ảnh

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