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

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

Gradient tuyến tính, 32 màu, góc 45°: #050816, #162756, #66329b, #db4371, #f4d45f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#050816
#060a1a
#070d20
#091027
#0b142f
#0d1938
#101e42
#13224c
#162756
#1b2c61
#22306b
#2a3275
#33347e
#3e3587
#4a348f
#573396
#66329b
#762f9d
#862e9c
#972c99
#a82d93
#b9308b
#cb377f
#db4371
#ea5461
#f56750
#fb7d40
#fe9337
#fda839
#faba44
#f7c952
#f4d45f

CSS

background: linear-gradient(45deg in oklch, oklch(13.78% 0.0317 270.00) 0.0%, oklch(14.93% 0.0360 269.77) 3.2%, oklch(16.40% 0.0414 269.08) 6.5%, oklch(18.14% 0.0478 268.14) 9.7%, oklch(20.09% 0.0550 267.13) 12.9%, oklch(22.20% 0.0628 266.23) 16.1%, oklch(24.41% 0.0710 265.63) 19.4%, oklch(26.67% 0.0795 265.52) 22.6%, oklch(28.93% 0.0881 266.08) 25.8%, oklch(31.12% 0.0966 267.50) 29.0%, oklch(33.20% 0.1048 269.97) 32.3%, oklch(35.13% 0.1130 273.58) 35.5%, oklch(36.95% 0.1224 278.07) 38.7%, oklch(38.71% 0.1326 283.36) 41.9%, oklch(40.44% 0.1432 289.36) 45.2%, oklch(42.18% 0.1539 295.99) 48.4%, oklch(43.96% 0.1641 303.18) 51.6%, oklch(45.82% 0.1735 310.86) 54.8%, oklch(47.80% 0.1817 318.94) 58.1%, oklch(49.94% 0.1882 327.34) 61.3%, oklch(52.26% 0.1927 335.99) 64.5%, oklch(54.83% 0.1946 344.91) 67.7%, oklch(57.84% 0.1937 355.11) 71.0%, oklch(61.25% 0.1904 6.57) 74.2%, oklch(64.92% 0.1851 18.89) 77.4%, oklch(68.73% 0.1784 31.64) 80.6%, oklch(72.56% 0.1709 44.40) 83.9%, oklch(76.27% 0.1630 56.77) 87.1%, oklch(79.73% 0.1554 68.31) 90.3%, oklch(82.83% 0.1485 78.62) 93.5%, oklch(85.43% 0.1429 87.28) 96.8%, oklch(87.40% 0.1392 93.87) 100.0%);

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

Gradient màu giả thiên văn

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