Đen, xanh hải quân, xanh lá và cam (gradient tuyến tính)

Bảng màu Đen, xanh hải quân, xanh lá và cam

Gradient tuyến tính, 32 màu, góc 90°: #121825, #26374f, #59a576, #ffbd78, #f88154. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#121825
#131a28
#151d2c
#182030
#1a2335
#1d273a
#202c40
#233147
#26374f
#283f57
#284860
#27536a
#236173
#1f717b
#23837f
#38957d
#59a576
#7eb26a
#a5bb5d
#c7c053
#e4c14f
#f8c050
#ffbf67
#ffbd78
#ffb87c
#ffb178
#ffa870
#ff9e66
#ff935b
#fd8a54
#fa8553
#f88154

CSS

background: linear-gradient(90deg in oklch, oklch(20.87% 0.0289 265.78) 0.0%, oklch(21.84% 0.0304 264.88) 3.2%, oklch(22.96% 0.0319 264.43) 6.5%, oklch(24.23% 0.0336 264.16) 9.7%, oklch(25.67% 0.0356 263.78) 12.9%, oklch(27.29% 0.0378 263.00) 16.1%, oklch(29.12% 0.0405 261.54) 19.4%, oklch(31.17% 0.0435 259.11) 22.6%, oklch(33.45% 0.0471 255.44) 25.8%, oklch(35.97% 0.0513 250.24) 29.0%, oklch(38.77% 0.0561 243.21) 32.3%, oklch(41.99% 0.0618 233.85) 35.5%, oklch(46.00% 0.0689 221.53) 38.7%, oklch(50.62% 0.0770 206.82) 41.9%, oklch(55.65% 0.0859 190.39) 45.2%, oklch(60.85% 0.0953 172.89) 48.4%, oklch(66.03% 0.1047 154.97) 51.6%, oklch(70.96% 0.1139 137.28) 54.8%, oklch(75.43% 0.1226 120.50) 58.1%, oklch(79.23% 0.1304 105.26) 61.3%, oklch(82.13% 0.1370 92.22) 64.5%, oklch(83.94% 0.1421 81.95) 67.7%, oklch(84.67% 0.1285 73.60) 71.0%, oklch(84.53% 0.1149 66.67) 74.2%, oklch(83.68% 0.1125 60.99) 77.4%, oklch(82.30% 0.1168 56.36) 80.6%, oklch(80.57% 0.1253 52.61) 83.9%, oklch(78.67% 0.1364 49.55) 87.1%, oklch(76.77% 0.1484 47.02) 90.3%, oklch(75.04% 0.1559 44.81) 93.5%, oklch(73.67% 0.1564 42.77) 96.8%, oklch(72.83% 0.1571 40.69) 100.0%);

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

Funhaus

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