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

Gradient tuyến tính, 40 màu, góc 225°: #01000c, #150058, #0038a1, #006b77, #3b844d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#01000c
#010010
#020014
#03001a
#040021
#060028
#080031
#0b003a
#0e0043
#12004d
#150058
#180162
#1b026d
#1e0478
#200782
#200d8c
#201396
#1d199f
#1820a6
#0b28ad
#0038a1
#004395
#004a8d
#005188
#005684
#005b81
#005f7e
#00647b
#006879
#006b77
#006f74
#007271
#00766d
#007969
#007c64
#007f5f
#008258
#1c8352
#30834f
#3b844d

CSS

background: linear-gradient(225deg in oklch, oklch(7.48% 0.0455 278.44) 0.0%, oklch(8.36% 0.0504 278.14) 2.6%, oklch(9.43% 0.0568 278.00) 5.1%, oklch(10.65% 0.0643 277.97) 7.7%, oklch(12.02% 0.0729 278.02) 10.3%, oklch(13.51% 0.0823 278.12) 12.8%, oklch(15.12% 0.0924 278.23) 15.4%, oklch(16.82% 0.1030 278.31) 17.9%, oklch(18.59% 0.1139 278.33) 20.5%, oklch(20.41% 0.1251 278.27) 23.1%, oklch(22.24% 0.1364 278.11) 25.6%, oklch(24.11% 0.1473 277.77) 28.2%, oklch(25.98% 0.1580 277.24) 30.8%, oklch(27.84% 0.1681 276.48) 33.3%, oklch(29.65% 0.1775 275.46) 35.9%, oklch(31.41% 0.1861 274.14) 38.5%, oklch(33.10% 0.1937 272.50) 41.0%, oklch(34.70% 0.2000 270.49) 43.6%, oklch(36.19% 0.2050 268.08) 46.2%, oklch(37.56% 0.2084 265.24) 48.7%, oklch(38.80% 0.1785 261.93) 51.3%, oklch(39.99% 0.1471 257.85) 53.8%, oklch(41.16% 0.1272 253.08) 56.4%, oklch(42.29% 0.1130 247.69) 59.0%, oklch(43.39% 0.1026 241.79) 61.5%, oklch(44.45% 0.0949 235.45) 64.1%, oklch(45.48% 0.0894 228.76) 66.7%, oklch(46.48% 0.0858 221.81) 69.2%, oklch(47.44% 0.0837 214.69) 71.8%, oklch(48.35% 0.0830 207.47) 74.4%, oklch(49.23% 0.0837 200.26) 76.9%, oklch(50.07% 0.0857 193.12) 79.5%, oklch(50.86% 0.0891 186.16) 82.1%, oklch(51.61% 0.0940 179.46) 84.6%, oklch(52.32% 0.1004 173.10) 87.2%, oklch(52.98% 0.1083 167.18) 89.7%, oklch(53.59% 0.1179 161.77) 92.3%, oklch(54.15% 0.1188 156.97) 94.9%, oklch(54.66% 0.1147 152.86) 97.4%, oklch(55.12% 0.1116 149.51) 100.0%);

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

Gradient tông 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