Đỏ, cam, vàng và be tông ấm (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #e33c2d, #f07a30, #f5b930, #f1de7a, #eee4d2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e33c2d
#e4422c
#e6482b
#e7502b
#e9582b
#eb602b
#ed692d
#ef712e
#f07a30
#f28132
#f38934
#f49034
#f59833
#f6a031
#f6a82e
#f6b12e
#f5b930
#f3c136
#f1c93e
#f0d048
#efd554
#eed960
#efdc6d
#f1de7a
#f2df88
#f3e095
#f4e0a2
#f4e1ae
#f3e1ba
#f1e2c4
#efe3cc
#eee4d2

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(60.63% 0.2053 29.53) 0.0%, oklch(61.37% 0.2025 30.97) 3.2%, oklch(62.31% 0.1987 32.73) 6.5%, oklch(63.42% 0.1941 34.76) 9.7%, oklch(64.66% 0.1891 37.06) 12.9%, oklch(66.01% 0.1837 39.59) 16.1%, oklch(67.43% 0.1782 42.33) 19.4%, oklch(68.89% 0.1728 45.25) 22.6%, oklch(70.35% 0.1677 48.32) 25.8%, oklch(71.79% 0.1632 51.52) 29.0%, oklch(73.18% 0.1595 54.83) 32.3%, oklch(74.52% 0.1568 58.39) 35.5%, oklch(75.95% 0.1555 62.65) 38.7%, oklch(77.44% 0.1551 67.44) 41.9%, oklch(78.96% 0.1554 72.56) 45.2%, oklch(80.49% 0.1559 77.80) 48.4%, oklch(82.00% 0.1562 82.93) 51.6%, oklch(83.44% 0.1560 87.74) 54.8%, oklch(84.81% 0.1549 92.03) 58.1%, oklch(86.05% 0.1525 95.58) 61.3%, oklch(87.16% 0.1485 98.18) 64.5%, oklch(88.09% 0.1424 99.61) 67.7%, oklch(88.87% 0.1337 99.83) 71.0%, oklch(89.52% 0.1227 99.01) 74.2%, oklch(90.07% 0.1100 97.39) 77.4%, oklch(90.53% 0.0963 95.16) 80.6%, oklch(90.90% 0.0822 92.55) 83.9%, oklch(91.22% 0.0682 89.77) 87.1%, oklch(91.48% 0.0551 87.05) 90.3%, oklch(91.71% 0.0432 84.58) 93.5%, oklch(91.92% 0.0334 82.60) 96.8%, oklch(92.13% 0.0262 81.31) 100.0%);

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

Funhaus

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