Xám, nâu, hồng cá hồi và xanh cổ vịt (gradient xuyên tâm)

Bảng màu Xám, nâu, hồng cá hồi và xanh cổ vịt

Gradient xuyên tâm, 32 màu: #829571, #9e4439, #d7886c, #b9bc88, #135e5f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#829571
#839167
#868b59
#8b8148
#917638
#97682c
#9c5b29
#9e4e2f
#9e4439
#9e3e43
#9f3c4b
#a33f50
#aa4855
#b5545b
#c16460
#cc7565
#d7886c
#de9a74
#e3aa7c
#e4b885
#e0c18b
#d9c48e
#cbc28c
#b9bc88
#a3b382
#8aa77c
#719a76
#598c71
#437e6b
#2f7166
#1f6662
#135e5f

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(64.57% 0.0579 130.78) 0.0%, oklch(63.53% 0.0627 123.26) 3.2%, oklch(61.95% 0.0696 112.59) 6.5%, oklch(59.99% 0.0780 99.61) 9.7%, oklch(57.82% 0.0873 85.17) 12.9%, oklch(55.60% 0.0970 70.09) 16.1%, oklch(53.51% 0.1065 55.21) 19.4%, oklch(51.72% 0.1153 41.38) 22.6%, oklch(50.38% 0.1229 29.41) 25.8%, oklch(49.67% 0.1285 20.16) 29.0%, oklch(49.76% 0.1318 14.45) 32.3%, oklch(50.91% 0.1322 12.74) 35.5%, oklch(53.37% 0.1301 14.05) 38.7%, oklch(56.84% 0.1258 17.87) 41.9%, oklch(61.00% 0.1199 23.81) 45.2%, oklch(65.53% 0.1129 31.43) 48.4%, oklch(70.12% 0.1053 40.32) 51.6%, oklch(74.43% 0.0975 50.07) 54.8%, oklch(78.14% 0.0901 60.25) 58.1%, oklch(80.93% 0.0835 70.46) 61.3%, oklch(82.49% 0.0783 80.28) 64.5%, oklch(82.49% 0.0748 89.44) 67.7%, oklch(80.91% 0.0724 99.57) 71.0%, oklch(78.03% 0.0707 110.88) 74.2%, oklch(74.15% 0.0697 122.99) 77.4%, oklch(69.57% 0.0690 135.48) 80.6%, oklch(64.58% 0.0688 147.97) 83.9%, oklch(59.50% 0.0688 160.05) 87.1%, oklch(54.61% 0.0689 171.32) 90.3%, oklch(50.21% 0.0690 181.39) 93.5%, oklch(46.61% 0.0691 189.85) 96.8%, oklch(44.09% 0.0689 196.30) 100.0%);

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

Bát hoa đồng thau

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