Xanh lá đậm, xanh cổ vịt và xanh hải quân tông lạnh (gradient tuyến tính)

Xanh lá đậm, xanh cổ vịt và xanh hải quân tông lạnh: bảng màu gồm 32 màu. #102b1d, #155c5c, #1e254c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 5 keyframe OKLCH chỉnh sửa được.

#102b1d
#112e1f
#123322
#143825
#163d29
#18432d
#194931
#194e35
#195139
#19553e
#195743
#195947
#1a5b4c
#1a5c50
#195c55
#185c59
#155c5c
#105a60
#0d5764
#0d5467
#114f69
#174b6a
#1d466a
#214169
#243d67
#253963
#24355f
#23315a
#212d56
#202a51
#1e274e
#1e254c

CSS

background: linear-gradient(45deg in oklch, oklch(26.38% 0.0427 158.91) 0.0%, oklch(27.45% 0.0453 158.86) 3.2%, oklch(28.94% 0.0490 158.57) 6.5%, oklch(30.72% 0.0534 158.21) 9.7%, oklch(32.65% 0.0581 157.96) 12.9%, oklch(34.60% 0.0628 158.00) 16.1%, oklch(36.44% 0.0669 158.50) 19.4%, oklch(38.03% 0.0701 159.64) 22.6%, oklch(39.25% 0.0720 161.58) 25.8%, oklch(40.26% 0.0725 164.11) 29.0%, oklch(41.16% 0.0720 167.11) 32.3%, oklch(41.92% 0.0709 170.60) 35.5%, oklch(42.54% 0.0693 174.60) 38.7%, oklch(42.99% 0.0678 179.11) 41.9%, oklch(43.26% 0.0666 184.14) 45.2%, oklch(43.34% 0.0661 189.72) 48.4%, oklch(43.21% 0.0665 196.01) 51.6%, oklch(42.80% 0.0677 203.70) 54.8%, oklch(42.16% 0.0695 212.47) 58.1%, oklch(41.34% 0.0716 221.80) 61.3%, oklch(40.39% 0.0738 231.21) 64.5%, oklch(39.36% 0.0758 240.17) 67.7%, oklch(38.30% 0.0774 248.19) 71.0%, oklch(37.26% 0.0784 254.77) 74.2%, oklch(36.20% 0.0786 259.67) 77.4%, oklch(34.97% 0.0782 263.43) 80.6%, oklch(33.63% 0.0772 266.25) 83.9%, oklch(32.26% 0.0760 268.33) 87.1%, oklch(30.93% 0.0747 269.85) 90.3%, oklch(29.71% 0.0734 271.02) 93.5%, oklch(28.70% 0.0723 272.02) 96.8%, oklch(27.95% 0.0717 273.04) 100.0%);

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

Gradient nhiều màu tông tối Gradient UI chế độ tối

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