Tím, xám, xanh lá và đen (gradient tuyến tính)

Gradient tuyến tính, 56 màu, góc 45°: #9c7bb8, #4a5c62, #70b078, #4e5181, #201629. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#9c7bb8
#967ab6
#8e79b3
#8577ae
#7b75a7
#71729f
#676f96
#5f6b8c
#586883
#536479
#4f6171
#4d5e6a
#4b5c65
#4a5b62
#4a5c62
#4a5e63
#4b6366
#4c696a
#4e716e
#507972
#548275
#588b77
#5f9477
#659c77
#6ca377
#72a876
#75ad76
#75af77
#70b078
#67b07c
#59ae82
#48aa8a
#35a591
#239e99
#1a959e
#208ba2
#2c80a2
#39759f
#426a99
#496192
#4d588a
#4e5181
#4e4a79
#4d4571
#4a3f69
#463a61
#42355a
#3e3052
#392b4b
#352745
#30233e
#2c2039
#281d34
#251a2f
#22182c
#201629

CSS

background: linear-gradient(45deg in oklch, oklch(63.78% 0.0965 308.67) 0.0%, oklch(62.94% 0.0931 305.00) 1.8%, oklch(61.77% 0.0883 300.46) 3.6%, oklch(60.32% 0.0825 295.15) 5.5%, oklch(58.67% 0.0760 289.19) 7.3%, oklch(56.89% 0.0688 282.70) 9.1%, oklch(55.04% 0.0614 275.80) 10.9%, oklch(53.19% 0.0540 268.59) 12.7%, oklch(51.42% 0.0469 261.20) 14.5%, oklch(49.79% 0.0402 253.75) 16.4%, oklch(48.36% 0.0343 246.34) 18.2%, oklch(47.22% 0.0294 239.10) 20.0%, oklch(46.42% 0.0258 232.13) 21.8%, oklch(46.04% 0.0238 225.56) 23.6%, oklch(46.14% 0.0236 219.45) 25.5%, oklch(46.86% 0.0253 212.87) 27.3%, oklch(48.16% 0.0289 205.59) 29.1%, oklch(49.91% 0.0340 197.84) 30.9%, oklch(52.03% 0.0403 189.86) 32.7%, oklch(54.41% 0.0475 181.87) 34.5%, oklch(56.93% 0.0553 174.09) 36.4%, oklch(59.50% 0.0634 166.76) 38.2%, oklch(62.01% 0.0716 160.12) 40.0%, oklch(64.36% 0.0794 154.38) 41.8%, oklch(66.44% 0.0867 149.78) 43.6%, oklch(68.14% 0.0931 146.54) 45.5%, oklch(69.37% 0.0984 144.90) 47.3%, oklch(70.01% 0.1021 145.08) 49.1%, oklch(69.99% 0.1042 147.39) 50.9%, oklch(69.45% 0.1053 152.24) 52.7%, oklch(68.46% 0.1054 159.36) 54.5%, oklch(67.09% 0.1048 168.36) 56.4%, oklch(65.39% 0.1035 178.89) 58.2%, oklch(63.43% 0.1017 190.57) 60.0%, oklch(61.26% 0.0994 203.02) 61.8%, oklch(58.95% 0.0967 215.88) 63.6%, oklch(56.55% 0.0938 228.77) 65.5%, oklch(54.12% 0.0908 241.33) 67.3%, oklch(51.72% 0.0877 253.17) 69.1%, oklch(49.42% 0.0846 263.93) 70.9%, oklch(47.27% 0.0818 273.23) 72.7%, oklch(45.33% 0.0791 280.71) 74.5%, oklch(43.55% 0.0767 286.38) 76.4%, oklch(41.70% 0.0739 291.04) 78.2%, oklch(39.80% 0.0709 294.83) 80.0%, oklch(37.87% 0.0677 297.86) 81.8%, oklch(35.93% 0.0643 300.22) 83.6%, oklch(34.00% 0.0609 302.00) 85.5%, oklch(32.12% 0.0574 303.32) 87.3%, oklch(30.30% 0.0541 304.26) 89.1%, oklch(28.57% 0.0508 304.93) 90.9%, oklch(26.95% 0.0477 305.42) 92.7%, oklch(25.46% 0.0449 305.84) 94.5%, oklch(24.13% 0.0424 306.28) 96.4%, oklch(22.99% 0.0403 306.84) 98.2%, oklch(22.05% 0.0386 307.62) 100.0%);

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

Tử đằng trên tường bóng râ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