Cam, xanh cổ vịt, nâu vàng và xám (gradient xuyên tâm)

Bảng màu Cam, xanh cổ vịt, nâu vàng và xám

Gradient xuyên tâm, 32 màu: #d9592a, #175c6a, #137f82, #f7c29e, #4f7468. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d9592a
#c46400
#a36f00
#817400
#537624
#227249
#00695d
#026166
#175c6a
#1f5a6c
#225a6f
#215c73
#1e5f78
#17657d
#0d6c80
#057582
#137f82
#328d7e
#5c9c76
#89a870
#b5b272
#d8ba80
#eebf92
#f7c29e
#f3c19e
#e4bb93
#cbb285
#aca679
#8b9972
#6f8a6e
#5a7d6b
#4f7468

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(62.20% 0.1709 39.38) 0.0%, oklch(60.56% 0.1510 54.45) 3.2%, oklch(58.16% 0.1222 76.01) 6.5%, oklch(55.28% 0.1157 101.77) 9.7%, oklch(52.23% 0.1174 129.45) 12.9%, oklch(49.28% 0.1013 156.77) 16.1%, oklch(46.73% 0.0840 181.48) 19.4%, oklch(44.87% 0.0758 201.32) 22.6%, oklch(43.96% 0.0691 214.17) 25.8%, oklch(43.71% 0.0668 222.17) 29.0%, oklch(43.93% 0.0677 226.85) 32.3%, oklch(44.61% 0.0709 228.45) 35.5%, oklch(45.72% 0.0754 227.23) 38.7%, oklch(47.24% 0.0804 223.43) 41.9%, oklch(49.16% 0.0848 217.29) 45.2%, oklch(51.47% 0.0876 209.05) 48.4%, oklch(54.31% 0.0883 198.09) 51.6%, oklch(58.56% 0.0882 180.28) 54.8%, oklch(63.82% 0.0875 157.26) 58.1%, oklch(69.54% 0.0863 131.66) 61.3%, oklch(75.12% 0.0846 106.12) 64.5%, oklch(80.01% 0.0826 83.25) 67.7%, oklch(83.61% 0.0804 65.70) 71.0%, oklch(85.35% 0.0778 56.08) 74.2%, oklch(84.71% 0.0749 56.56) 77.4%, oklch(81.83% 0.0710 66.01) 80.6%, oklch(77.34% 0.0666 81.95) 83.9%, oklch(71.86% 0.0619 101.91) 87.1%, oklch(66.03% 0.0573 123.42) 90.3%, oklch(60.48% 0.0530 144.01) 93.5%, oklch(55.85% 0.0494 161.20) 96.8%, oklch(52.76% 0.0469 172.53) 100.0%);

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

Xanh cổ vịt và cam

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