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

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

Gradient tuyến tính, 32 màu, góc 45°: #03030c, #130b2d, #37137b, #6c27c6, #ac5afe. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#03030c
#04040e
#050410
#060514
#070617
#0a071c
#0c0821
#0f0a26
#130b2d
#160d34
#1a0e3d
#1e0f46
#230f50
#27105b
#2c1166
#321271
#37137b
#3e1586
#451791
#4c199d
#541ca8
#5c1fb3
#6423bd
#6c27c6
#742dcf
#7c33d8
#863be0
#8f43e8
#984aef
#a051f5
#a756fa
#ac5afe

CSS

background: linear-gradient(45deg in oklch, oklch(10.63% 0.0248 281.25) 0.0%, oklch(11.19% 0.0274 281.89) 3.2%, oklch(11.89% 0.0304 282.79) 6.5%, oklch(12.73% 0.0340 283.87) 9.7%, oklch(13.68% 0.0383 285.03) 12.9%, oklch(14.75% 0.0433 286.19) 16.1%, oklch(15.90% 0.0492 287.26) 19.4%, oklch(17.14% 0.0561 288.15) 22.6%, oklch(18.44% 0.0641 288.77) 25.8%, oklch(19.85% 0.0738 289.12) 29.0%, oklch(21.37% 0.0851 289.26) 32.3%, oklch(22.99% 0.0973 289.27) 35.5%, oklch(24.69% 0.1102 289.22) 38.7%, oklch(26.45% 0.1231 289.20) 41.9%, oklch(28.28% 0.1358 289.26) 45.2%, oklch(30.15% 0.1475 289.50) 48.4%, oklch(32.07% 0.1582 289.96) 51.6%, oklch(34.08% 0.1690 290.58) 54.8%, oklch(36.17% 0.1797 291.32) 58.1%, oklch(38.33% 0.1901 292.15) 61.3%, oklch(40.52% 0.1999 293.04) 64.5%, oklch(42.73% 0.2089 293.97) 67.7%, oklch(44.93% 0.2168 294.90) 71.0%, oklch(47.10% 0.2232 295.82) 74.2%, oklch(49.31% 0.2280 296.75) 77.4%, oklch(51.70% 0.2312 297.79) 80.6%, oklch(54.18% 0.2330 298.89) 83.9%, oklch(56.64% 0.2339 300.00) 87.1%, oklch(58.97% 0.2341 301.07) 90.3%, oklch(61.08% 0.2340 302.03) 93.5%, oklch(62.85% 0.2339 302.84) 96.8%, oklch(64.17% 0.2343 303.44) 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