Xanh lá đậm, xám và tím (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #1f3428, #546d6a, #849ba6, #73718f, #5d374d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#1f3428
#22382c
#273d32
#2c4339
#334a42
#3a534b
#435b55
#4b645f
#546d6a
#5d7674
#657f7e
#6d8688
#748d91
#7b9398
#7f989e
#829aa3
#849ba6
#8399a7
#8196a6
#7f90a4
#7c8aa1
#79829c
#767a96
#73718f
#706887
#6d5e7e
#6a5674
#674d6b
#644662
#613f59
#5f3a52
#5d374d

CSS

background: linear-gradient(135deg in oklch, oklch(30.31% 0.0344 158.20) 0.0%, oklch(31.79% 0.0342 160.56) 3.2%, oklch(33.75% 0.0338 163.24) 6.5%, oklch(36.14% 0.0333 166.25) 9.7%, oklch(38.85% 0.0328 169.57) 12.9%, oklch(41.82% 0.0321 173.19) 16.1%, oklch(44.95% 0.0314 177.09) 19.4%, oklch(48.17% 0.0308 181.26) 22.6%, oklch(51.39% 0.0302 185.69) 25.8%, oklch(54.53% 0.0296 190.36) 29.0%, oklch(57.51% 0.0292 195.27) 32.3%, oklch(60.25% 0.0289 200.39) 35.5%, oklch(62.66% 0.0288 205.72) 38.7%, oklch(64.66% 0.0289 211.25) 41.9%, oklch(66.16% 0.0293 216.96) 45.2%, oklch(67.10% 0.0299 222.84) 48.4%, oklch(67.38% 0.0308 228.97) 51.6%, oklch(67.04% 0.0322 235.85) 54.8%, oklch(66.15% 0.0339 243.46) 58.1%, oklch(64.79% 0.0359 251.65) 61.3%, oklch(63.02% 0.0382 260.29) 64.5%, oklch(60.94% 0.0406 269.23) 67.7%, oklch(58.61% 0.0432 278.35) 71.0%, oklch(56.11% 0.0459 287.49) 74.2%, oklch(53.51% 0.0486 296.53) 77.4%, oklch(50.89% 0.0513 305.33) 80.6%, oklch(48.33% 0.0539 313.74) 83.9%, oklch(45.89% 0.0563 321.63) 87.1%, oklch(43.67% 0.0585 328.87) 90.3%, oklch(41.72% 0.0605 335.31) 93.5%, oklch(40.13% 0.0621 340.81) 96.8%, oklch(38.98% 0.0634 345.25) 100.0%);

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

Poetcore

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