Vàng, cam, hồng và tím tông rực rỡ (gradient tuyến tính)

Bảng màu Vàng, cam, hồng và tím tông rực rỡ

Gradient tuyến tính, 32 màu, góc 135°: #e4ca58, #ffad37, #fc7f3e, #db5364, #8d2a68. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e4ca58
#e6c855
#eac550
#eec24a
#f2bf44
#f6bb3f
#fab63a
#feb236
#ffad37
#ffa93b
#ffa43c
#ff9f3c
#ff9a3b
#ff9339
#ff8d38
#fe8639
#fc7f3e
#fa7943
#f7724a
#f36c50
#ee6556
#e85f5b
#e25960
#db5364
#d34d67
#c94769
#bd416b
#b23b6b
#a6356a
#9c316a
#942d69
#8d2a68

CSS

background: linear-gradient(135deg in oklch, oklch(83.86% 0.1350 96.33) 0.0%, oklch(83.67% 0.1370 94.38) 3.2%, oklch(83.46% 0.1397 91.78) 6.5%, oklch(83.21% 0.1429 88.69) 9.7%, oklch(82.91% 0.1464 85.25) 12.9%, oklch(82.54% 0.1500 81.63) 16.1%, oklch(82.10% 0.1535 77.99) 19.4%, oklch(81.57% 0.1565 74.48) 22.6%, oklch(80.93% 0.1570 71.25) 25.8%, oklch(80.21% 0.1556 68.20) 29.0%, oklch(79.39% 0.1558 65.22) 32.3%, oklch(78.50% 0.1572 62.27) 35.5%, oklch(77.53% 0.1596 59.27) 38.7%, oklch(76.49% 0.1629 56.19) 41.9%, oklch(75.39% 0.1670 52.96) 45.2%, oklch(74.22% 0.1705 49.52) 48.4%, oklch(73.01% 0.1712 45.83) 51.6%, oklch(71.74% 0.1718 41.85) 54.8%, oklch(70.41% 0.1721 37.63) 58.1%, oklch(69.02% 0.1723 33.26) 61.3%, oklch(67.56% 0.1721 28.83) 64.5%, oklch(66.01% 0.1717 24.41) 67.7%, oklch(64.38% 0.1710 20.09) 71.0%, oklch(62.65% 0.1698 15.96) 74.2%, oklch(60.74% 0.1682 11.91) 77.4%, oklch(58.49% 0.1657 7.67) 80.6%, oklch(56.04% 0.1627 3.36) 83.9%, oklch(53.53% 0.1595 359.16) 87.1%, oklch(51.10% 0.1562 355.20) 90.3%, oklch(48.89% 0.1532 351.66) 93.5%, oklch(47.03% 0.1506 348.68) 96.8%, oklch(45.67% 0.1488 346.43) 100.0%);

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

Gradient Lễ Tạ ơn

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