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

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

Gradient tuyến tính, 40 màu, góc 135°: #fed444, #de9000, #c94700, #970041, #390037. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fed444
#fdd03b
#fcca2c
#fac313
#f7bc00
#f3b500
#eead00
#eaa600
#e59e00
#e29700
#de9000
#db8a00
#d98400
#d67d00
#d47700
#d17000
#cf6900
#ce6100
#cc5900
#ca5100
#c94700
#c83b00
#c82a00
#c90700
#c2001b
#ba0029
#b10032
#a90039
#a0003e
#970041
#8d0044
#830045
#780045
#6c0045
#610043
#570041
#4d003e
#45003c
#3e0039
#390037

CSS

background: linear-gradient(135deg in oklch, oklch(88.19% 0.1598 92.11) 0.0%, oklch(87.19% 0.1624 90.92) 2.6%, oklch(85.89% 0.1658 89.45) 5.1%, oklch(84.35% 0.1698 87.72) 7.7%, oklch(82.62% 0.1692 85.77) 10.3%, oklch(80.77% 0.1659 83.64) 12.8%, oklch(78.85% 0.1627 81.35) 15.4%, oklch(76.92% 0.1598 78.95) 17.9%, oklch(75.04% 0.1573 76.46) 20.5%, oklch(73.27% 0.1553 73.93) 23.1%, oklch(71.66% 0.1540 71.38) 25.6%, oklch(70.14% 0.1532 68.74) 28.2%, oklch(68.66% 0.1529 65.99) 30.8%, oklch(67.21% 0.1531 63.13) 33.3%, oklch(65.78% 0.1540 60.17) 35.9%, oklch(64.36% 0.1555 57.12) 38.5%, oklch(62.94% 0.1578 53.98) 41.0%, oklch(61.52% 0.1609 50.76) 43.6%, oklch(60.08% 0.1650 47.47) 46.2%, oklch(58.62% 0.1702 44.11) 48.7%, oklch(57.13% 0.1769 40.68) 51.3%, oklch(55.66% 0.1858 37.11) 53.8%, oklch(54.19% 0.1979 33.40) 56.4%, oklch(52.73% 0.2140 29.59) 59.0%, oklch(51.26% 0.2082 25.76) 61.5%, oklch(49.76% 0.2004 21.85) 64.1%, oklch(48.23% 0.1932 17.92) 66.7%, oklch(46.66% 0.1865 14.02) 69.2%, oklch(45.04% 0.1801 10.17) 71.8%, oklch(43.36% 0.1739 6.40) 74.4%, oklch(41.55% 0.1676 2.63) 76.9%, oklch(39.52% 0.1607 358.63) 79.5%, oklch(37.35% 0.1536 354.50) 82.1%, oklch(35.09% 0.1462 350.33) 84.6%, oklch(32.83% 0.1389 346.23) 87.2%, oklch(30.64% 0.1318 342.32) 89.7%, oklch(28.59% 0.1250 338.69) 92.3%, oklch(26.76% 0.1188 335.45) 94.9%, oklch(25.23% 0.1134 332.71) 97.4%, oklch(24.05% 0.1093 330.58) 100.0%);

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

Gradient Diwali

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