Xanh lá đậm, xanh cổ vịt, xanh dương và hồng (gradient tuyến tính)

Xanh lá đậm, xanh cổ vịt, xanh dương và hồng: bảng màu gồm 32 màu. #0c2c1c, #238375, #129ebc, #a096da, #f3dcca. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0c2c1c
#0e3221
#123a29
#154432
#19503d
#1d5d4a
#206a58
#227766
#238375
#238e83
#219690
#1f9c9b
#1b9fa4
#14a1ab
#0da1b1
#0ba0b6
#129ebc
#209bc1
#3099c6
#4396cc
#5795d2
#6d94d7
#8695da
#a096da
#b99ad5
#cea0cd
#dfa9c5
#eab4bf
#f0c0bd
#f2ccc0
#f3d5c4
#f3dcca

CSS

background: linear-gradient(45deg in oklch, oklch(26.38% 0.0482 158.20) 0.0%, oklch(28.54% 0.0513 159.94) 3.2%, oklch(31.48% 0.0555 161.99) 6.5%, oklch(35.00% 0.0605 164.34) 9.7%, oklch(38.95% 0.0661 167.00) 12.9%, oklch(43.12% 0.0720 169.96) 16.1%, oklch(47.34% 0.0781 173.24) 19.4%, oklch(51.43% 0.0839 176.82) 22.6%, oklch(55.22% 0.0894 180.70) 25.8%, oklch(58.50% 0.0942 184.89) 29.0%, oklch(61.12% 0.0981 189.39) 32.3%, oklch(62.93% 0.1012 194.07) 35.5%, oklch(64.05% 0.1042 198.59) 38.7%, oklch(64.63% 0.1070 203.09) 41.9%, oklch(64.81% 0.1095 207.76) 45.2%, oklch(64.73% 0.1117 212.77) 48.4%, oklch(64.54% 0.1133 218.31) 51.6%, oklch(64.36% 0.1143 224.57) 54.8%, oklch(64.34% 0.1144 231.71) 58.1%, oklch(64.62% 0.1137 239.92) 61.3%, oklch(65.34% 0.1120 249.39) 64.5%, oklch(66.65% 0.1091 260.38) 67.7%, oklch(68.52% 0.1043 274.09) 71.0%, oklch(70.85% 0.0977 290.24) 74.2%, oklch(73.50% 0.0899 308.12) 77.4%, oklch(76.36% 0.0813 327.01) 80.6%, oklch(79.30% 0.0722 346.19) 83.9%, oklch(82.21% 0.0631 4.94) 87.1%, oklch(84.95% 0.0545 22.56) 90.3%, oklch(87.40% 0.0468 38.30) 93.5%, oklch(89.44% 0.0405 51.47) 96.8%, oklch(90.94% 0.0358 61.33) 100.0%);

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

Gradient viễn thá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