Xanh dương, nâu, đỏ và trắng (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 225°: #5089d5, #c22932, #351f1e, #da3345, #f0ebe0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5089d5
#6182d8
#7976d9
#9467d1
#ad57bc
#c0469c
#ca3675
#ca2c50
#c22932
#b0291f
#992919
#7e281b
#64251e
#4e231e
#3d201e
#341f1e
#351f1e
#412120
#552224
#6e2329
#8b2231
#a9223a
#c42641
#da3345
#e94946
#f36549
#f88454
#f7a16b
#f3bc8a
#efd1ac
#eee1cb
#f0ebe0

CSS

background: linear-gradient(225deg in oklch, oklch(62.60% 0.1295 255.94) 0.0%, oklch(62.04% 0.1360 266.91) 3.2%, oklch(61.45% 0.1463 282.54) 6.5%, oklch(60.74% 0.1586 301.20) 9.7%, oklch(59.87% 0.1713 321.28) 12.9%, oklch(58.76% 0.1824 341.17) 16.1%, oklch(57.34% 0.1901 359.25) 19.4%, oklch(55.56% 0.1927 13.91) 22.6%, oklch(53.30% 0.1882 23.61) 25.8%, oklch(49.90% 0.1734 28.96) 29.0%, oklch(45.49% 0.1503 31.18) 32.3%, oklch(40.60% 0.1224 31.06) 35.5%, oklch(35.74% 0.0931 29.39) 38.7%, oklch(31.42% 0.0662 26.96) 41.9%, oklch(28.16% 0.0449 24.56) 45.2%, oklch(26.47% 0.0330 22.98) 48.4%, oklch(26.81% 0.0341 22.61) 51.6%, oklch(29.00% 0.0494 21.69) 54.8%, oklch(32.63% 0.0751 20.25) 58.1%, oklch(37.30% 0.1065 18.75) 61.3%, oklch(42.64% 0.1394 17.61) 64.5%, oklch(48.24% 0.1693 17.27) 67.7%, oklch(53.73% 0.1917 18.17) 71.0%, oklch(58.72% 0.2023 20.74) 74.2%, oklch(63.27% 0.1978 25.62) 77.4%, oklch(68.20% 0.1808 33.09) 80.6%, oklch(73.33% 0.1549 42.34) 83.9%, oklch(78.43% 0.1236 52.55) 87.1%, oklch(83.29% 0.0905 62.88) 90.3%, oklch(87.67% 0.0591 72.48) 93.5%, oklch(91.35% 0.0328 80.51) 96.8%, oklch(94.09% 0.0152 86.15) 100.0%);

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

Ánh flash sàn diễn

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