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

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

Gradient tuyến tính, 32 màu, góc 30°: #0f0007, #35a6dc, #154a8a, #30194b, #000108. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0f0007
#1d081c
#2f223f
#3c4568
#446c8b
#4b8fa4
#4da6b5
#40aec5
#35a6dc
#5d8cec
#8966df
#a33fb8
#a81f94
#9b178e
#7c299b
#4f3c9f
#154a8a
#004c64
#004851
#0b4148
#083b48
#0e334e
#202751
#30194b
#380a3c
#360230
#2c002a
#1f0026
#110121
#050218
#01010f
#000108

CSS

background: linear-gradient(30deg in oklch, oklch(11.05% 0.0465 347.43) 0.0%, oklch(17.86% 0.0505 329.96) 3.2%, oklch(27.99% 0.0548 303.55) 6.5%, oklch(39.72% 0.0603 273.19) 9.7%, oklch(51.38% 0.0672 243.99) 12.9%, oklch(61.29% 0.0760 221.03) 16.1%, oklch(67.77% 0.0870 209.42) 19.4%, oklch(69.81% 0.1030 214.25) 22.6%, oklch(68.57% 0.1261 234.31) 25.8%, oklch(65.09% 0.1524 263.05) 29.0%, oklch(60.37% 0.1774 293.87) 32.3%, oklch(55.41% 0.1969 320.17) 35.5%, oklch(51.23% 0.2065 335.32) 38.7%, oklch(48.42% 0.2019 333.22) 41.9%, oklch(45.89% 0.1821 314.98) 45.2%, oklch(43.47% 0.1527 286.96) 48.4%, oklch(41.15% 0.1194 255.68) 51.6%, oklch(38.91% 0.0756 227.69) 54.8%, oklch(36.72% 0.0634 209.37) 58.1%, oklch(34.60% 0.0541 207.02) 61.3%, oklch(32.67% 0.0555 220.80) 64.5%, oklch(30.86% 0.0645 245.11) 67.7%, oklch(29.10% 0.0773 274.21) 71.0%, oklch(27.29% 0.0900 302.39) 74.2%, oklch(25.34% 0.0989 323.94) 77.4%, oklch(23.16% 0.1001 333.23) 80.6%, oklch(20.54% 0.0935 330.36) 83.9%, oklch(17.56% 0.0826 319.48) 87.1%, oklch(14.51% 0.0689 303.93) 90.3%, oklch(11.65% 0.0548 287.07) 93.5%, oklch(9.22% 0.0426 272.24) 96.8%, oklch(7.48% 0.0344 262.80) 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