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

Gradient tuyến tính, 13 màu, góc 0°: #ffffff, #ff9e53, #670f00, #000101, #0eba8f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ffffff
#ffffb4
#ffe284
#ff9e53
#f6582b
#d21100
#670f00
#140102
#000000
#000101
#003334
#007a64
#0eba8f

CSS

background: linear-gradient(0deg in oklch, oklch(100.00% 0.0001 106.40) 0.0%, oklch(98.21% 0.0942 107.92) 8.3%, oklch(91.80% 0.1189 93.06) 16.7%, oklch(78.54% 0.1463 56.37) 25.0%, oklch(66.55% 0.2017 35.83) 33.3%, oklch(54.66% 0.2185 30.11) 41.7%, oklch(33.32% 0.1238 32.74) 50.0%, oklch(12.77% 0.0438 18.35) 58.3%, oklch(0.73% 0.0040 296.65) 66.7%, oklch(5.33% 0.0113 246.56) 75.0%, oklch(29.00% 0.0493 197.40) 83.3%, oklch(51.68% 0.0983 174.07) 91.7%, oklch(70.08% 0.1392 168.51) 100.0%);

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

Gradient nhiều màu tông tối

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