Nâu, đen, xám và xanh lá (gradient xuyên tâm)

Gradient xuyên tâm, 40 màu: #975a44, #23271e, #78534c, #e6d0d9, #597951. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#975a44
#8b5938
#78572c
#615428
#494e2b
#36462f
#2a3d2f
#24352c
#223028
#222b23
#23271e
#25241a
#28211a
#2a201c
#2d2022
#312328
#372830
#423038
#523940
#644547
#78534c
#8a6350
#997356
#a6825f
#b48e6d
#c39b80
#d1a898
#dcb6b1
#e3c4c8
#e6d0d9
#e6d9e4
#e3dce8
#dad8e6
#c8cedf
#aec1d2
#90b2bd
#74a2a2
#619283
#598466
#597951

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(53.15% 0.0868 40.78) 0.0%, oklch(51.11% 0.0813 52.66) 2.6%, oklch(48.21% 0.0735 70.81) 5.1%, oklch(44.75% 0.0642 92.57) 7.7%, oklch(41.01% 0.0541 115.27) 10.3%, oklch(37.30% 0.0441 136.28) 12.8%, oklch(33.90% 0.0350 152.91) 15.4%, oklch(31.12% 0.0276 162.52) 17.9%, oklch(29.22% 0.0226 162.41) 20.5%, oklch(27.78% 0.0195 150.26) 23.1%, oklch(26.59% 0.0176 128.34) 25.6%, oklch(25.74% 0.0168 100.12) 28.2%, oklch(25.32% 0.0169 69.10) 30.8%, oklch(25.42% 0.0179 38.75) 33.3%, oklch(26.12% 0.0196 12.54) 35.9%, oklch(27.53% 0.0219 353.97) 38.5%, oklch(29.76% 0.0247 346.31) 41.0%, oklch(33.15% 0.0297 349.09) 43.6%, oklch(37.52% 0.0364 359.39) 46.2%, oklch(42.55% 0.0440 14.42) 48.7%, oklch(47.95% 0.0515 31.34) 51.3%, oklch(53.42% 0.0583 47.33) 53.8%, oklch(58.64% 0.0634 59.59) 56.4%, oklch(63.31% 0.0660 65.28) 59.0%, oklch(67.43% 0.0651 62.63) 61.5%, oklch(71.87% 0.0605 54.66) 64.1%, oklch(76.45% 0.0531 42.62) 66.7%, oklch(80.85% 0.0442 27.41) 69.2%, oklch(84.75% 0.0350 9.90) 71.8%, oklch(87.83% 0.0268 350.99) 74.4%, oklch(89.77% 0.0207 331.57) 76.9%, oklch(90.26% 0.0180 312.53) 79.5%, oklch(88.81% 0.0194 292.89) 82.1%, oklch(85.25% 0.0242 269.97) 84.6%, oklch(80.19% 0.0315 245.06) 87.2%, oklch(74.24% 0.0402 219.57) 89.7%, oklch(68.03% 0.0494 194.89) 92.3%, oklch(62.16% 0.0581 172.42) 94.9%, oklch(57.26% 0.0654 153.58) 97.4%, oklch(53.94% 0.0703 139.76) 100.0%);

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