Nâu vàng, tím, xanh dương và xám (gradient hình nón)

Bảng màu Nâu vàng, tím, xanh dương và xám

Gradient hình nón, 32 màu, góc 45°: #c9a86f, #96626e, #51457b, #586784, #a0a992. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#c9a86f
#c7a16d
#c4996c
#bf8f6c
#b8856c
#af7b6c
#a7736d
#9f6b6e
#96626e
#8c5b6f
#815471
#764e72
#6c4a73
#634875
#5c4676
#564579
#51457b
#4c467e
#484880
#454c81
#475282
#4b5882
#515f83
#586784
#5f6f86
#647788
#69808c
#708b8f
#7a9590
#889e91
#95a591
#a0a992

CSS

background: conic-gradient(from 45deg in oklch, oklch(74.80% 0.0841 80.16) 0.0%, oklch(73.28% 0.0820 74.43) 3.2%, oklch(71.18% 0.0790 66.64) 6.5%, oklch(68.69% 0.0755 57.37) 9.7%, oklch(66.00% 0.0721 47.16) 12.9%, oklch(63.28% 0.0693 36.57) 16.1%, oklch(60.71% 0.0677 26.16) 19.4%, oklch(58.27% 0.0675 15.78) 22.6%, oklch(55.64% 0.0683 4.48) 25.8%, oklch(52.98% 0.0699 352.74) 29.0%, oklch(50.42% 0.0720 341.08) 32.3%, oklch(48.13% 0.0743 330.02) 35.5%, oklch(46.26% 0.0764 320.07) 38.7%, oklch(44.90% 0.0785 311.63) 41.9%, oklch(43.83% 0.0818 304.39) 45.2%, oklch(43.07% 0.0855 298.04) 48.4%, oklch(42.64% 0.0889 292.32) 51.6%, oklch(42.58% 0.0910 286.96) 54.8%, oklch(42.91% 0.0910 281.70) 58.1%, oklch(43.67% 0.0879 276.51) 61.3%, oklch(44.99% 0.0809 273.08) 64.5%, oklch(46.77% 0.0712 270.72) 67.7%, oklch(48.89% 0.0603 268.16) 71.0%, oklch(51.22% 0.0497 264.10) 74.2%, oklch(53.62% 0.0407 257.24) 77.4%, oklch(55.99% 0.0350 246.25) 80.6%, oklch(58.69% 0.0320 229.01) 83.9%, oklch(61.73% 0.0310 206.94) 87.1%, oklch(64.85% 0.0311 182.78) 90.3%, oklch(67.78% 0.0320 159.29) 93.5%, oklch(70.27% 0.0328 139.20) 96.8%, oklch(72.05% 0.0331 125.24) 100.0%);

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

Mưa tím trên sa thạch

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