Cam, tím và xanh lá (ba tông) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #d67b25, #95534d, #575b77, #438c85, #6fc56e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d67b25
#d17728
#ca712c
#c16b2f
#b86533
#af5e38
#a7593f
#9f5546
#95534d
#8b5154
#805059
#77505e
#6f5061
#695166
#63536b
#5d5771
#575b77
#50617b
#4a677e
#456d80
#427481
#417c83
#418484
#438c85
#469485
#4a9c84
#4fa482
#54ac7f
#5ab47b
#61bb77
#69c172
#6fc56e

CSS

background: linear-gradient(135deg in oklch, oklch(66.93% 0.1461 58.36) 0.0%, oklch(65.61% 0.1423 56.69) 3.2%, oklch(63.74% 0.1372 54.75) 6.5%, oklch(61.55% 0.1312 52.30) 9.7%, oklch(59.23% 0.1244 49.11) 12.9%, oklch(57.00% 0.1169 44.93) 16.1%, oklch(55.06% 0.1091 39.53) 19.4%, oklch(53.41% 0.1003 32.90) 22.6%, oklch(51.77% 0.0895 25.35) 25.8%, oklch(50.21% 0.0779 16.81) 29.0%, oklch(48.84% 0.0665 7.19) 32.3%, oklch(47.74% 0.0565 356.38) 35.5%, oklch(47.02% 0.0489 344.31) 38.7%, oklch(46.73% 0.0447 330.52) 41.9%, oklch(46.82% 0.0429 314.01) 45.2%, oklch(47.24% 0.0430 295.75) 48.4%, oklch(47.95% 0.0446 276.90) 51.6%, oklch(48.89% 0.0473 258.62) 54.8%, oklch(50.03% 0.0504 242.06) 58.1%, oklch(51.34% 0.0537 228.20) 61.3%, oklch(52.99% 0.0577 216.15) 64.5%, oklch(54.93% 0.0624 205.40) 67.7%, oklch(57.04% 0.0679 195.77) 71.0%, oklch(59.23% 0.0740 187.08) 74.2%, oklch(61.38% 0.0809 179.14) 77.4%, oklch(63.39% 0.0884 171.76) 80.6%, oklch(65.48% 0.0978 165.09) 83.9%, oklch(67.69% 0.1089 159.23) 87.1%, oklch(69.87% 0.1204 154.16) 90.3%, oklch(71.88% 0.1314 149.88) 93.5%, oklch(73.57% 0.1408 146.36) 96.8%, oklch(74.80% 0.1474 143.60) 100.0%);

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

Giàn cà chua sai quả

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