Đen, xanh hải quân, tím và xanh dương (gradient tuyến tính)

Bảng màu Đen, xanh hải quân, tím và xanh dương

Gradient tuyến tính, 32 màu, góc 135°: #11000b, #0e325d, #9d3d9e, #38acbd, #060002. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#11000b
#130111
#16031a
#180825
#181031
#16193d
#132247
#0e2b52
#0e325d
#18376a
#2b397a
#423987
#5c368e
#743390
#89328f
#973492
#9d3d9e
#994fb8
#8a67d4
#6f81e6
#4c98e7
#2da9db
#2cafcb
#38acbd
#3d9eb2
#3e86a2
#3f678b
#3b466b
#312947
#211125
#11030c
#060002

CSS

background: linear-gradient(135deg in oklch, oklch(11.87% 0.0515 340.42) 0.0%, oklch(13.35% 0.0545 332.29) 3.2%, oklch(15.39% 0.0569 320.33) 6.5%, oklch(17.82% 0.0597 306.03) 9.7%, oklch(20.53% 0.0631 290.95) 12.9%, oklch(23.39% 0.0672 276.70) 16.1%, oklch(26.29% 0.0724 264.86) 19.4%, oklch(29.11% 0.0786 257.02) 22.6%, oklch(31.75% 0.0862 254.81) 25.8%, oklch(34.38% 0.0970 259.84) 29.0%, oklch(37.08% 0.1107 270.60) 32.3%, oklch(39.81% 0.1258 284.81) 35.5%, oklch(42.53% 0.1410 300.15) 38.7%, oklch(45.22% 0.1547 314.35) 41.9%, oklch(47.84% 0.1656 325.10) 45.2%, oklch(50.36% 0.1723 330.11) 48.4%, oklch(52.90% 0.1735 326.98) 51.6%, oklch(56.18% 0.1696 314.74) 54.8%, oklch(59.91% 0.1619 296.04) 58.1%, oklch(63.60% 0.1514 273.84) 61.3%, oklch(66.80% 0.1391 251.10) 64.5%, oklch(69.04% 0.1263 230.78) 67.7%, oklch(69.84% 0.1138 215.85) 71.0%, oklch(68.74% 0.1029 209.27) 74.2%, oklch(65.06% 0.0936 213.36) 77.4%, oklch(58.51% 0.0836 226.69) 80.6%, oklch(49.96% 0.0735 246.60) 83.9%, oklch(40.27% 0.0635 270.47) 87.1%, oklch(30.34% 0.0540 295.68) 90.3%, oklch(21.04% 0.0456 319.59) 93.5%, oklch(13.26% 0.0384 339.57) 96.8%, oklch(7.91% 0.0326 353.21) 100.0%);

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

Gradient hồng và xanh dương

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