Be, vàng và cam (tương đồng) (gradient hình nón)

Gradient hình nón, 32 màu, góc 180°: #fef0ce, #fee080, #fdbd3b, #e79522, #bf5b33. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fef0ce
#feeec8
#ffedc0
#ffebb7
#ffe9ad
#ffe7a2
#ffe595
#ffe28a
#fee080
#fedc77
#ffd96e
#ffd564
#ffd15c
#ffcc54
#ffc74a
#fec242
#fdbd3b
#fbb834
#f8b32f
#f5ad2b
#f2a828
#eea225
#eb9b24
#e79522
#e38e22
#de8623
#d97d26
#d37429
#cd6c2d
#c76530
#c25f32
#bf5b33

CSS

background: conic-gradient(from 180deg in oklch, oklch(95.67% 0.0469 87.89) 0.0%, oklch(95.34% 0.0528 88.34) 3.2%, oklch(94.93% 0.0611 89.05) 6.5%, oklch(94.43% 0.0705 89.91) 9.7%, oklch(93.87% 0.0805 90.78) 12.9%, oklch(93.25% 0.0915 91.55) 16.1%, oklch(92.59% 0.1030 92.09) 19.4%, oklch(91.88% 0.1127 92.27) 22.6%, oklch(91.15% 0.1202 92.00) 25.8%, oklch(90.39% 0.1267 91.29) 29.0%, oklch(89.60% 0.1327 90.23) 32.3%, oklch(88.76% 0.1380 88.89) 35.5%, oklch(87.87% 0.1426 87.37) 38.7%, oklch(86.93% 0.1463 85.72) 41.9%, oklch(85.91% 0.1504 84.02) 45.2%, oklch(84.83% 0.1532 82.35) 48.4%, oklch(83.66% 0.1553 80.78) 51.6%, oklch(82.42% 0.1564 79.28) 54.8%, oklch(81.11% 0.1566 77.80) 58.1%, oklch(79.74% 0.1562 76.27) 61.3%, oklch(78.30% 0.1554 74.63) 64.5%, oklch(76.81% 0.1542 72.82) 67.7%, oklch(75.25% 0.1530 70.78) 71.0%, oklch(73.64% 0.1518 68.45) 74.2%, oklch(71.90% 0.1507 65.64) 77.4%, oklch(69.89% 0.1492 62.18) 80.6%, oklch(67.73% 0.1474 58.30) 83.9%, oklch(65.53% 0.1454 54.25) 87.1%, oklch(63.40% 0.1435 50.28) 90.3%, oklch(61.47% 0.1417 46.65) 93.5%, oklch(59.85% 0.1402 43.60) 96.8%, oklch(58.66% 0.1392 41.39) 100.0%);

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

Hoàng hôn đồng lúa mì Gradient Lễ Tạ ơn Gradient giờ vàng

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