Xanh hải quân, tím và cam liền mạch (gradient hình nón)

Xanh hải quân, tím và cam liền mạch: bảng màu gồm 34 màu. #000721, #7a006f, #ffdf89, #820070, #000b29. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

34 màu, 7 keyframe OKLCH chỉnh sửa được.

#000721
#00003d
#05004a
#120059
#220067
#350371
#490477
#620078
#7a006f
#940062
#af004f
#c71d39
#db4922
#ec781b
#f6a540
#fcc96a
#ffde87
#ffdf89
#facd72
#f3ac4e
#e8842c
#d95926
#c83637
#b5194b
#9d0060
#820070
#67007b
#4d007d
#370078
#24006d
#140060
#070053
#00073d
#000b29

CSS

background: conic-gradient(from 90deg in oklch, oklch(14.22% 0.0591 260.33) 0.0%, oklch(16.26% 0.1127 264.05) 3.0%, oklch(18.91% 0.1250 269.00) 6.1%, oklch(22.12% 0.1383 275.68) 9.1%, oklch(25.63% 0.1508 283.78) 12.1%, oklch(29.29% 0.1589 293.26) 15.2%, oklch(32.88% 0.1666 304.40) 18.2%, oklch(36.40% 0.1764 317.98) 21.2%, oklch(40.06% 0.1796 333.28) 24.2%, oklch(44.00% 0.1840 349.35) 27.3%, oklch(48.44% 0.1946 5.22) 30.3%, oklch(53.54% 0.1998 19.92) 33.3%, oklch(60.53% 0.1890 35.28) 36.4%, oklch(69.40% 0.1697 52.18) 39.4%, oklch(78.52% 0.1471 68.36) 42.4%, oklch(86.26% 0.1264 81.53) 45.5%, oklch(91.00% 0.1127 89.45) 48.5%, oklch(91.19% 0.1111 89.97) 51.5%, oklch(86.88% 0.1206 83.26) 54.5%, oklch(79.59% 0.1369 71.35) 57.6%, oklch(70.89% 0.1557 56.32) 60.6%, oklch(62.34% 0.1726 40.25) 63.6%, oklch(55.51% 0.1833 25.21) 66.7%, oklch(50.34% 0.1877 10.09) 69.7%, oklch(45.67% 0.1885 353.26) 72.7%, oklch(41.40% 0.1833 335.92) 75.8%, oklch(37.44% 0.1803 319.32) 78.8%, oklch(33.71% 0.1754 304.70) 81.8%, oklch(30.13% 0.1674 293.03) 84.8%, oklch(26.63% 0.1573 283.37) 87.9%, oklch(23.35% 0.1464 275.33) 90.9%, oklch(20.43% 0.1354 268.78) 93.9%, oklch(17.97% 0.1022 263.91) 97.0%, oklch(16.18% 0.0662 260.05) 100.0%);

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

Sắc kính màu ghép Gradient nhiều màu tông tối

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