Cam, đỏ, xám và xanh lá (gradient hình nón)

Gradient hình nón, 32 màu, góc 135°: #be551c, #a2322b, #63333f, #364e54, #247e47. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#be551c
#bc521d
#bb4e1d
#b8491f
#b54321
#b13e23
#ad3926
#a83529
#a2322b
#9c2e2d
#962c2f
#8f2a32
#882a36
#802b3a
#772d3c
#6d303d
#63333f
#5a3541
#523844
#4c3a49
#473e4e
#404253
#3a4855
#364e54
#365351
#38584e
#395e4c
#39644a
#366c49
#307349
#287a49
#247e47

CSS

background: conic-gradient(from 135deg in oklch, oklch(57.48% 0.1502 45.00) 0.0%, oklch(56.80% 0.1510 43.59) 3.2%, oklch(55.87% 0.1524 41.66) 6.5%, oklch(54.77% 0.1540 39.37) 9.7%, oklch(53.55% 0.1552 36.85) 12.9%, oklch(52.28% 0.1556 34.26) 16.1%, oklch(51.03% 0.1547 31.74) 19.4%, oklch(49.77% 0.1525 29.46) 22.6%, oklch(48.41% 0.1497 27.38) 25.8%, oklch(46.98% 0.1461 25.31) 29.0%, oklch(45.56% 0.1414 23.03) 32.3%, oklch(44.20% 0.1354 20.32) 35.5%, oklch(42.97% 0.1276 16.97) 38.7%, oklch(41.86% 0.1175 13.34) 41.9%, oklch(40.71% 0.1034 10.97) 45.2%, oklch(39.61% 0.0870 8.77) 48.4%, oklch(38.64% 0.0702 5.32) 51.6%, oklch(37.89% 0.0546 359.24) 54.8%, oklch(37.46% 0.0423 349.12) 58.1%, oklch(37.45% 0.0347 333.30) 61.3%, oklch(37.84% 0.0302 309.31) 64.5%, oklch(38.56% 0.0282 279.67) 67.7%, oklch(39.54% 0.0285 247.79) 71.0%, oklch(40.68% 0.0308 217.08) 74.2%, oklch(41.91% 0.0352 190.97) 77.4%, oklch(43.17% 0.0414 172.78) 80.6%, oklch(44.69% 0.0518 161.92) 83.9%, oklch(46.49% 0.0659 156.03) 87.1%, oklch(48.37% 0.0817 153.63) 90.3%, oklch(50.16% 0.0973 153.22) 93.5%, oklch(51.68% 0.1107 153.32) 96.8%, oklch(52.76% 0.1199 152.44) 100.0%);

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

Quán bia hổ phá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