Xanh hải quân, tím, hồng và be (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 45°: #251f66, #6b4798, #ba5184, #f9a738, #fff3ac. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#251f66
#29236b
#302872
#382f7b
#413684
#4b3d8c
#564292
#604596
#6b4798
#764998
#814a97
#8b4b95
#964d92
#9f4e8f
#a84f8c
#b15088
#ba5184
#c3537e
#ce5776
#d95f6c
#e56b5f
#f07d4f
#f79140
#f9a738
#f8bb3f
#f6ca4e
#f5d660
#f7df72
#f9e682
#fceb90
#ffef9b
#fff3ac

CSS

background: linear-gradient(45deg in oklch, oklch(29.53% 0.1199 279.84) 0.0%, oklch(31.15% 0.1208 280.88) 3.2%, oklch(33.44% 0.1220 282.06) 6.5%, oklch(36.14% 0.1235 283.57) 9.7%, oklch(38.98% 0.1251 285.56) 12.9%, oklch(41.71% 0.1266 288.22) 16.1%, oklch(44.08% 0.1279 291.71) 19.4%, oklch(45.98% 0.1289 296.27) 22.6%, oklch(47.65% 0.1295 301.91) 25.8%, oklch(49.15% 0.1301 308.33) 29.0%, oklch(50.56% 0.1307 315.20) 32.3%, oklch(51.94% 0.1315 322.20) 35.5%, oklch(53.35% 0.1329 329.02) 38.7%, oklch(54.77% 0.1351 335.32) 41.9%, oklch(55.98% 0.1383 341.02) 45.2%, oklch(57.10% 0.1420 346.56) 48.4%, oklch(58.30% 0.1459 352.35) 51.6%, oklch(59.74% 0.1494 358.84) 54.8%, oklch(61.60% 0.1520 6.47) 58.1%, oklch(64.07% 0.1534 15.80) 61.3%, oklch(67.32% 0.1542 27.80) 64.5%, oklch(71.11% 0.1545 41.58) 67.7%, oklch(75.13% 0.1541 55.87) 71.0%, oklch(79.08% 0.1528 69.42) 74.2%, oklch(82.66% 0.1504 80.94) 77.4%, oklch(85.56% 0.1465 89.22) 80.6%, oklch(87.98% 0.1403 94.35) 83.9%, oklch(90.09% 0.1320 97.22) 87.1%, oklch(91.90% 0.1227 98.51) 90.3%, oklch(93.43% 0.1137 98.87) 93.5%, oklch(94.68% 0.1059 98.98) 96.8%, oklch(95.67% 0.0903 99.50) 100.0%);

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

Gradient bản đồ thời tiết

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