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

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

Gradient tuyến tính, 32 màu, góc 45°: #090d17, #8f3ea2, #c44137, #d76b2b, #e5cf55. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#090d17
#0e1323
#171b36
#24244d
#372d66
#4d347d
#653a91
#7c3d9e
#8f3ea2
#9f3d9e
#ac3a94
#b53784
#bb3573
#be3561
#c03750
#c13b42
#c44137
#c64630
#c84b2c
#cb502b
#cd562c
#d05c2d
#d3632d
#d76b2b
#db7528
#df8125
#e28f24
#e59f29
#e6ae33
#e6bb40
#e6c74c
#e5cf55

CSS

background: linear-gradient(45deg in oklch, oklch(16.14% 0.0207 265.78) 0.0%, oklch(19.13% 0.0334 269.81) 3.2%, oklch(23.36% 0.0515 275.07) 6.5%, oklch(28.41% 0.0732 281.33) 9.7%, oklch(33.86% 0.0965 288.36) 12.9%, oklch(39.30% 0.1196 295.91) 16.1%, oklch(44.31% 0.1406 303.77) 19.4%, oklch(48.47% 0.1576 311.71) 22.6%, oklch(51.39% 0.1690 319.53) 25.8%, oklch(53.20% 0.1755 328.06) 29.0%, oklch(54.21% 0.1785 337.37) 32.3%, oklch(54.64% 0.1789 347.07) 35.5%, oklch(54.73% 0.1775 356.78) 38.7%, oklch(54.69% 0.1750 6.10) 41.9%, oklch(54.75% 0.1722 14.66) 45.2%, oklch(55.13% 0.1701 22.05) 48.4%, oklch(55.97% 0.1690 27.89) 51.6%, oklch(56.88% 0.1676 32.07) 54.8%, oklch(57.84% 0.1658 35.01) 58.1%, oklch(58.86% 0.1637 37.17) 61.3%, oklch(60.01% 0.1614 39.02) 64.5%, oklch(61.30% 0.1591 41.01) 67.7%, oklch(62.78% 0.1568 43.62) 71.0%, oklch(64.49% 0.1548 47.30) 74.2%, oklch(66.57% 0.1530 52.48) 77.4%, oklch(69.17% 0.1511 59.04) 80.6%, oklch(72.12% 0.1492 66.47) 83.9%, oklch(75.20% 0.1474 74.28) 87.1%, oklch(78.24% 0.1457 81.96) 90.3%, oklch(81.02% 0.1442 89.00) 93.5%, oklch(83.35% 0.1429 94.90) 96.8%, oklch(85.04% 0.1419 99.17) 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