Tím, hồng, xanh dương và xám (gradient tuyến tính)

Gradient tuyến tính, 40 màu, góc 45°: #3a5082, #ffdee8, #e4cfef, #3360b8, #c1d4a3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3a5082
#4a578a
#5f6294
#776fa0
#917fac
#ab90b7
#c4a2c2
#d9b5cd
#ebc6d7
#f9d3e0
#ffdee8
#ffe7ed
#ffecf2
#ffeff4
#ffeff6
#ffedf6
#ffe8f7
#fbe3f6
#f4ddf4
#ecd7f2
#e4cfef
#d8c3e9
#c9b3e3
#b6a2db
#a291d3
#8d80cb
#7872c5
#6267bf
#4c60bb
#3360b8
#0366b6
#0072a6
#0080a0
#00909e
#00a29d
#48b197
#76bd95
#98c798
#b1ce9e
#c1d4a3

CSS

background: linear-gradient(45deg in oklch, oklch(43.70% 0.0868 265.08) 0.0%, oklch(46.94% 0.0839 271.41) 2.6%, oklch(51.42% 0.0798 280.37) 5.1%, oklch(56.83% 0.0750 291.23) 7.7%, oklch(62.83% 0.0695 303.26) 10.3%, oklch(69.09% 0.0639 315.71) 12.8%, oklch(75.31% 0.0583 327.85) 15.4%, oklch(81.13% 0.0530 338.94) 17.9%, oklch(86.25% 0.0484 348.26) 20.5%, oklch(90.33% 0.0447 355.06) 23.1%, oklch(93.08% 0.0382 358.65) 25.6%, oklch(94.90% 0.0275 359.43) 28.2%, oklch(96.07% 0.0212 358.04) 30.8%, oklch(96.65% 0.0185 354.85) 33.3%, oklch(96.67% 0.0192 350.25) 35.9%, oklch(96.20% 0.0236 344.62) 38.5%, oklch(95.29% 0.0324 338.35) 41.0%, oklch(93.99% 0.0365 331.83) 43.6%, oklch(92.35% 0.0390 325.42) 46.2%, oklch(90.42% 0.0430 319.51) 48.7%, oklch(88.11% 0.0487 314.40) 51.3%, oklch(84.62% 0.0577 309.74) 53.8%, oklch(80.14% 0.0694 305.26) 56.4%, oklch(75.01% 0.0828 300.77) 59.0%, oklch(69.60% 0.0970 296.07) 61.5%, oklch(64.25% 0.1112 290.94) 64.1%, oklch(59.32% 0.1243 285.20) 66.7%, oklch(55.15% 0.1355 278.63) 69.2%, oklch(52.10% 0.1438 271.03) 71.8%, oklch(50.52% 0.1484 262.21) 74.4%, oklch(50.70% 0.1484 251.58) 76.9%, oklch(52.52% 0.1173 238.48) 79.5%, oklch(55.62% 0.1040 223.48) 82.1%, oklch(59.66% 0.1024 207.31) 84.6%, oklch(64.29% 0.1108 190.67) 87.2%, oklch(69.16% 0.1042 174.25) 89.7%, oklch(73.94% 0.0926 158.74) 92.3%, oklch(78.28% 0.0820 144.82) 94.9%, oklch(81.83% 0.0734 133.19) 97.4%, oklch(84.25% 0.0675 124.53) 100.0%);

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

Giao diện kính óng ánh

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