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

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

Gradient tuyến tính, 32 màu, góc 45°: #090817, #aa5fff, #6728c6, #34147a, #110b2b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#090817
#130f29
#221b44
#382867
#52378d
#6e44b4
#8950d8
#9e58f3
#aa5fff
#ab62ff
#a85dff
#a051ff
#9547f6
#873de9
#7a34db
#6f2dcf
#6728c6
#5f23bc
#5720b1
#4f1da6
#481a9b
#401890
#3a1685
#34147a
#2e136f
#291163
#241058
#1f0f4c
#1a0e42
#160d38
#130c31
#110b2b

CSS

background: linear-gradient(45deg in oklch, oklch(14.57% 0.0317 284.77) 0.0%, oklch(19.02% 0.0495 286.30) 3.2%, oklch(25.48% 0.0748 288.53) 6.5%, oklch(33.20% 0.1051 291.20) 9.7%, oklch(41.44% 0.1377 294.04) 12.9%, oklch(49.44% 0.1698 296.78) 16.1%, oklch(56.47% 0.1989 299.17) 19.4%, oklch(61.77% 0.2222 300.93) 22.6%, oklch(64.64% 0.2289 301.80) 25.8%, oklch(65.26% 0.2244 301.85) 29.0%, oklch(64.21% 0.2306 301.27) 32.3%, oklch(61.91% 0.2447 300.24) 35.5%, oklch(58.80% 0.2450 298.90) 38.7%, oklch(55.30% 0.2398 297.44) 41.9%, oklch(51.84% 0.2336 296.01) 45.2%, oklch(48.83% 0.2274 294.77) 48.4%, oklch(46.56% 0.2218 293.83) 51.6%, oklch(44.38% 0.2149 292.90) 54.8%, oklch(42.18% 0.2068 291.97) 58.1%, oklch(39.97% 0.1975 291.05) 61.3%, oklch(37.79% 0.1875 290.17) 64.5%, oklch(35.64% 0.1770 289.36) 67.7%, oklch(33.57% 0.1663 288.65) 71.0%, oklch(31.58% 0.1556 288.06) 74.2%, oklch(29.65% 0.1445 287.62) 77.4%, oklch(27.67% 0.1319 287.32) 80.6%, oklch(25.70% 0.1184 287.13) 83.9%, oklch(23.80% 0.1047 287.02) 87.1%, oklch(22.03% 0.0915 286.97) 90.3%, oklch(20.45% 0.0795 286.95) 93.5%, oklch(19.13% 0.0694 286.93) 96.8%, oklch(18.11% 0.0620 286.88) 100.0%);

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

Gradient Cyber Monday

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