Trắng ngà, nâu, xanh lá đậm và hồng (gradient xuyên tâm)

Bảng màu Trắng ngà, nâu, xanh lá đậm và hồng

Gradient xuyên tâm, 32 màu: #fdf5e5, #835d32, #273c17, #2b4d29, #c04261. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fdf5e5
#f3e9d6
#e6d9c3
#d7c6ac
#c6b193
#b59b79
#a48560
#937048
#835d32
#754e1d
#694306
#5d3d00
#513a00
#463900
#3c3900
#313b09
#273c17
#203d21
#1c3f29
#1a402f
#1a4232
#1c4532
#204830
#2b4d29
#3e511b
#555300
#6c5400
#845200
#a04900
#b0452f
#ba424c
#c04261

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(97.24% 0.0234 84.38) 0.0%, oklch(93.78% 0.0275 83.28) 3.2%, oklch(89.07% 0.0331 81.31) 6.5%, oklch(83.40% 0.0400 78.78) 9.7%, oklch(77.07% 0.0477 76.01) 12.9%, oklch(70.37% 0.0558 73.31) 16.1%, oklch(63.60% 0.0637 70.97) 19.4%, oklch(57.05% 0.0712 69.32) 22.6%, oklch(51.01% 0.0777 68.67) 25.8%, oklch(45.77% 0.0828 69.32) 29.0%, oklch(41.64% 0.0862 71.58) 32.3%, oklch(38.70% 0.0813 76.11) 35.5%, oklch(36.47% 0.0748 84.19) 38.7%, oklch(34.83% 0.0715 94.92) 41.9%, oklch(33.73% 0.0725 107.37) 45.2%, oklch(33.09% 0.0712 120.54) 48.4%, oklch(32.85% 0.0654 133.50) 51.6%, oklch(32.94% 0.0600 145.33) 54.8%, oklch(33.30% 0.0559 155.06) 58.1%, oklch(33.85% 0.0535 161.76) 61.3%, oklch(34.54% 0.0535 164.49) 64.5%, oklch(35.33% 0.0565 162.28) 67.7%, oklch(36.63% 0.0628 154.60) 71.0%, oklch(38.45% 0.0718 142.34) 74.2%, oklch(40.67% 0.0829 126.57) 77.4%, oklch(43.15% 0.0932 108.38) 80.6%, oklch(45.77% 0.0935 88.83) 83.9%, oklch(48.39% 0.1054 69.06) 87.1%, oklch(50.88% 0.1341 50.19) 90.3%, oklch(53.12% 0.1453 33.20) 93.5%, oklch(54.97% 0.1546 19.22) 96.8%, oklch(56.30% 0.1612 9.35) 100.0%);

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

Gradient Giáng sinh

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