Cam, đỏ nâu và đen (tương đồng) (gradient xuyên tâm)

Bảng màu Cam, đỏ nâu và đen (tương đồng)

Gradient xuyên tâm, 32 màu: #f8c655, #ee7900, #ae0026, #5e0028, #0c020d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f8c655
#f9c048
#fcb835
#ffad14
#ffa200
#fc9800
#f98d00
#f48300
#ee7900
#e76e00
#df6400
#d85800
#d14b00
#cb3c00
#c62200
#be0014
#ae0026
#9e002f
#900033
#840034
#790032
#70002f
#67002b
#5e0028
#550026
#4b0024
#400022
#330020
#28001c
#1d0018
#130112
#0c020d

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(85.04% 0.1406 85.08) 0.0%, oklch(83.94% 0.1472 82.37) 3.2%, oklch(82.48% 0.1566 78.59) 6.5%, oklch(80.72% 0.1677 74.12) 9.7%, oklch(78.75% 0.1713 69.34) 12.9%, oklch(76.64% 0.1724 64.66) 16.1%, oklch(74.45% 0.1738 60.45) 19.4%, oklch(72.20% 0.1748 56.92) 22.6%, oklch(69.75% 0.1753 53.77) 25.8%, oklch(67.16% 0.1756 50.80) 29.0%, oklch(64.47% 0.1760 47.84) 32.3%, oklch(61.73% 0.1774 44.69) 35.5%, oklch(58.97% 0.1808 41.16) 38.7%, oklch(56.20% 0.1880 37.03) 41.9%, oklch(53.30% 0.2012 32.15) 45.2%, oklch(50.32% 0.2050 26.90) 48.4%, oklch(47.34% 0.1906 21.55) 51.6%, oklch(44.44% 0.1778 16.52) 54.8%, oklch(41.71% 0.1667 12.19) 58.1%, oklch(39.21% 0.1569 8.95) 61.3%, oklch(36.97% 0.1482 7.08) 64.5%, oklch(34.91% 0.1401 6.12) 67.7%, oklch(32.95% 0.1323 5.49) 71.0%, oklch(30.99% 0.1246 4.62) 74.2%, oklch(28.95% 0.1167 2.93) 77.4%, oklch(26.73% 0.1084 359.86) 80.6%, oklch(24.15% 0.0992 354.95) 83.9%, oklch(21.32% 0.0894 348.72) 87.1%, oklch(18.46% 0.0795 341.91) 90.3%, oklch(15.71% 0.0695 335.23) 93.5%, oklch(13.44% 0.0521 329.59) 96.8%, oklch(11.81% 0.0400 325.67) 100.0%);

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

Gradient cyberpunk

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