Đen, xanh lá đậm, xanh cổ vịt và tím oải hương (gradient tuyến tính)

Bảng màu Đen, xanh lá đậm, xanh cổ vịt và tím oải hương

Gradient tuyến tính, 32 màu, góc 45°: #121000, #152500, #063e1d, #006c71, #d0afff. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#121000
#131100
#141300
#151500
#151800
#161b00
#161e00
#162100
#152500
#132900
#0f2d00
#0b3102
#083407
#06360d
#063912
#063b18
#063e1d
#074123
#07452b
#064a33
#03503d
#00584a
#00615b
#006c71
#17788a
#3283a4
#508dbd
#6e96d3
#8c9ee6
#a7a5f3
#bfabfb
#d0afff

CSS

background: linear-gradient(45deg in oklch, oklch(16.93% 0.0358 104.05) 0.0%, oklch(17.49% 0.0373 105.81) 3.2%, oklch(18.17% 0.0393 108.33) 6.5%, oklch(18.97% 0.0418 111.28) 9.7%, oklch(19.87% 0.0449 114.58) 12.9%, oklch(20.85% 0.0486 118.13) 16.1%, oklch(21.90% 0.0530 121.85) 19.4%, oklch(22.99% 0.0583 125.66) 22.6%, oklch(24.12% 0.0644 129.49) 25.8%, oklch(25.26% 0.0716 133.24) 29.0%, oklch(26.40% 0.0798 136.84) 32.3%, oklch(27.48% 0.0850 140.00) 35.5%, oklch(28.43% 0.0854 142.67) 38.7%, oklch(29.29% 0.0847 144.95) 41.9%, oklch(30.14% 0.0833 147.08) 45.2%, oklch(31.04% 0.0814 149.28) 48.4%, oklch(32.04% 0.0793 151.81) 51.6%, oklch(33.23% 0.0774 154.90) 54.8%, oklch(34.66% 0.0758 158.79) 58.1%, oklch(36.40% 0.0749 163.71) 61.3%, oklch(38.51% 0.0750 169.91) 64.5%, oklch(41.09% 0.0758 177.66) 67.7%, oklch(44.39% 0.0773 187.84) 71.0%, oklch(48.35% 0.0822 200.12) 74.2%, oklch(52.77% 0.0869 213.89) 77.4%, oklch(57.47% 0.0917 228.59) 80.6%, oklch(62.26% 0.0968 243.61) 83.9%, oklch(66.96% 0.1019 258.36) 87.1%, oklch(71.38% 0.1067 272.24) 90.3%, oklch(75.34% 0.1110 284.66) 93.5%, oklch(78.64% 0.1145 295.02) 96.8%, oklch(81.10% 0.1154 302.73) 100.0%);

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

Gradient nhiều màu

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