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

Bảng màu Xanh hải quân, tím, cam và hồng

Gradient tuyến tính, 32 màu, góc 135°: #261344, #2d379c, #ff7877, #ffc238, #b82d91. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#261344
#28154a
#2a1852
#2b1b5d
#2b1f68
#2a2575
#292b82
#29318f
#2d379c
#363da9
#4642b5
#5d46be
#7e4ac2
#a44ebc
#c955ac
#ea6293
#ff7877
#ff986d
#ffb068
#ffc261
#ffce4f
#ffd23c
#ffcd33
#ffc238
#ffb03a
#ff993b
#ff7d3e
#f86252
#e84d69
#d63d7b
#c53389
#b82d91

CSS

background: linear-gradient(135deg in oklch, oklch(24.41% 0.0882 297.42) 0.0%, oklch(25.59% 0.0938 295.66) 3.2%, oklch(27.00% 0.1015 292.39) 6.5%, oklch(28.62% 0.1108 288.16) 9.7%, oklch(30.46% 0.1212 283.52) 12.9%, oklch(32.49% 0.1321 279.03) 16.1%, oklch(34.72% 0.1430 275.24) 19.4%, oklch(37.14% 0.1535 272.72) 22.6%, oklch(39.74% 0.1629 272.01) 25.8%, oklch(42.51% 0.1707 273.66) 29.0%, oklch(45.44% 0.1764 278.24) 32.3%, oklch(48.72% 0.1796 286.75) 35.5%, oklch(52.84% 0.1807 300.39) 38.7%, oklch(57.59% 0.1800 318.03) 41.9%, oklch(62.72% 0.1779 338.40) 45.2%, oklch(67.98% 0.1750 0.25) 48.4%, oklch(73.10% 0.1655 22.30) 51.6%, oklch(77.84% 0.1368 43.29) 54.8%, oklch(81.93% 0.1278 61.94) 58.1%, oklch(85.14% 0.1335 77.00) 61.3%, oklch(87.19% 0.1501 87.19) 64.5%, oklch(87.84% 0.1631 91.30) 67.7%, oklch(86.93% 0.1652 89.47) 71.0%, oklch(84.71% 0.1589 82.81) 74.2%, oklch(81.47% 0.1551 72.36) 77.4%, oklch(77.50% 0.1597 59.17) 80.6%, oklch(73.09% 0.1751 44.32) 83.9%, oklch(68.54% 0.1866 28.84) 87.1%, oklch(64.13% 0.1912 13.79) 90.3%, oklch(60.17% 0.1953 0.24) 93.5%, oklch(56.93% 0.1987 349.22) 96.8%, oklch(54.72% 0.2012 341.81) 100.0%);

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

Áp phích nhạc chảo thép

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