Đỏ, cam và vàng tông rực rỡ (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #c61640, #d34231, #e06f1d, #e69b10, #e0c540. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c61640
#c71b3e
#c9203d
#ca263b
#cc2c39
#ce3137
#d03735
#d13d33
#d34231
#d5482f
#d74e2c
#d8542a
#da5928
#dc5f25
#dd6423
#de6920
#e06f1d
#e1741a
#e27a16
#e38012
#e4870e
#e58d0c
#e5940d
#e69b10
#e5a216
#e5a81c
#e4ae23
#e4b42a
#e3b930
#e2be36
#e1c13b
#e0c540

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(53.15% 0.2026 16.88) 0.0%, oklch(53.60% 0.2012 17.99) 3.2%, oklch(54.13% 0.1994 19.29) 6.5%, oklch(54.74% 0.1974 20.76) 9.7%, oklch(55.41% 0.1951 22.39) 12.9%, oklch(56.14% 0.1926 24.16) 16.1%, oklch(56.93% 0.1899 26.07) 19.4%, oklch(57.76% 0.1871 28.09) 22.6%, oklch(58.64% 0.1843 30.23) 25.8%, oklch(59.54% 0.1814 32.47) 29.0%, oklch(60.48% 0.1785 34.79) 32.3%, oklch(61.43% 0.1758 37.19) 35.5%, oklch(62.39% 0.1731 39.65) 38.7%, oklch(63.36% 0.1706 42.16) 41.9%, oklch(64.32% 0.1683 44.71) 45.2%, oklch(65.28% 0.1663 47.28) 48.4%, oklch(66.23% 0.1645 49.91) 51.6%, oklch(67.26% 0.1629 52.82) 54.8%, oklch(68.37% 0.1613 55.99) 58.1%, oklch(69.54% 0.1599 59.37) 61.3%, oklch(70.76% 0.1585 62.91) 64.5%, oklch(72.00% 0.1573 66.55) 67.7%, oklch(73.25% 0.1561 70.25) 71.0%, oklch(74.49% 0.1550 73.95) 74.2%, oklch(75.72% 0.1540 77.59) 77.4%, oklch(76.90% 0.1531 81.13) 80.6%, oklch(78.03% 0.1522 84.51) 83.9%, oklch(79.09% 0.1514 87.68) 87.1%, oklch(80.06% 0.1507 90.58) 90.3%, oklch(80.93% 0.1500 93.17) 93.5%, oklch(81.68% 0.1494 95.39) 96.8%, oklch(82.28% 0.1488 97.19) 100.0%);

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

Gradient tươi sá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