Đen, xanh lá đậm, xanh dương và xám (gradient tuyến tính)

Bảng màu Đen, xanh lá đậm, xanh dương và xám

Gradient tuyến tính, 32 màu, góc 135°: #18030e, #353408, #2f587f, #939fb9, #060004. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#18030e
#1d040e
#23070d
#290c0b
#301208
#351a04
#382201
#382b02
#353408
#2d3c14
#1f4323
#034835
#004b46
#004d55
#005066
#195374
#2f587f
#42628a
#556f97
#677fa4
#788db0
#8699b8
#90a0bc
#939fb9
#8d94ad
#7d8098
#68657c
#50485d
#382d3f
#221524
#11040f
#060004

CSS

background: linear-gradient(135deg in oklch, oklch(14.96% 0.0455 348.75) 0.0%, oklch(16.28% 0.0467 357.79) 3.2%, oklch(18.08% 0.0482 9.67) 6.5%, oklch(20.22% 0.0500 23.80) 9.7%, oklch(22.57% 0.0521 39.61) 12.9%, oklch(25.01% 0.0543 56.51) 16.1%, oklch(27.41% 0.0566 73.94) 19.4%, oklch(29.63% 0.0589 91.30) 22.6%, oklch(31.55% 0.0612 108.15) 25.8%, oklch(33.14% 0.0642 126.46) 29.0%, oklch(34.51% 0.0677 146.43) 32.3%, oklch(35.78% 0.0715 167.13) 35.5%, oklch(37.06% 0.0645 187.62) 38.7%, oklch(38.47% 0.0660 207.04) 41.9%, oklch(40.12% 0.0756 224.39) 45.2%, oklch(42.13% 0.0803 238.71) 48.4%, oklch(44.78% 0.0789 249.16) 51.6%, oklch(48.85% 0.0754 255.49) 54.8%, oklch(53.86% 0.0702 258.69) 58.1%, oklch(59.17% 0.0639 259.82) 61.3%, oklch(64.11% 0.0572 259.98) 64.5%, oklch(68.02% 0.0507 260.22) 67.7%, oklch(70.26% 0.0450 261.63) 71.0%, oklch(70.15% 0.0407 265.29) 74.2%, oklch(66.95% 0.0381 271.91) 77.4%, oklch(60.55% 0.0365 280.77) 80.6%, oklch(51.88% 0.0357 291.09) 83.9%, oklch(41.91% 0.0354 302.08) 87.1%, oklch(31.61% 0.0355 312.99) 90.3%, oklch(21.92% 0.0357 323.03) 93.5%, oklch(13.82% 0.0359 331.45) 96.8%, oklch(8.27% 0.0358 337.48) 100.0%);

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

Gradient cầu vồng tông trầm

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