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

Gradient tuyến tính, 32 màu, góc 135°: #090314, #441762, #ff61a6, #ffb6d8, #4b3c9d. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#090314
#0c041a
#110520
#150628
#1b0832
#230b3d
#2b0e49
#361255
#441762
#561d71
#6e237f
#8a288c
#a82e96
#c6359c
#e13e9f
#f749a2
#ff61a6
#ff7cad
#ff91b6
#ffa3c0
#ffb0c9
#ffb8d1
#ffbad5
#ffb6d8
#f5afd6
#e3a1d0
#cb8ec8
#af7abf
#9266b6
#7554ad
#5d46a4
#4b3c9d

CSS

background: linear-gradient(135deg in oklch, oklch(12.60% 0.0427 300.23) 0.0%, oklch(13.90% 0.0491 300.44) 3.2%, oklch(15.47% 0.0575 300.38) 6.5%, oklch(17.33% 0.0675 300.29) 9.7%, oklch(19.51% 0.0786 300.40) 12.9%, oklch(22.01% 0.0905 300.95) 16.1%, oklch(24.85% 0.1028 302.16) 19.4%, oklch(28.06% 0.1151 304.27) 22.6%, oklch(31.66% 0.1271 307.53) 25.8%, oklch(36.07% 0.1415 312.62) 29.0%, oklch(41.21% 0.1582 319.24) 32.3%, oklch(46.78% 0.1758 326.78) 35.5%, oklch(52.52% 0.1927 334.60) 38.7%, oklch(58.12% 0.2072 342.08) 41.9%, oklch(63.31% 0.2179 348.60) 45.2%, oklch(67.80% 0.2231 353.52) 48.4%, oklch(71.45% 0.2017 356.44) 51.6%, oklch(75.01% 0.1667 358.28) 54.8%, oklch(78.41% 0.1376 359.22) 58.1%, oklch(81.44% 0.1145 359.24) 61.3%, oklch(83.87% 0.0977 358.34) 64.5%, oklch(85.49% 0.0877 356.50) 67.7%, oklch(86.08% 0.0858 353.70) 71.0%, oklch(85.42% 0.0940 349.93) 74.2%, oklch(83.05% 0.0962 344.69) 77.4%, oklch(78.59% 0.0989 337.14) 80.6%, oklch(72.63% 0.1059 327.99) 83.9%, oklch(65.82% 0.1155 318.01) 87.1%, oklch(58.80% 0.1265 307.99) 90.3%, oklch(52.21% 0.1371 298.71) 93.5%, oklch(46.70% 0.1460 290.93) 96.8%, oklch(42.91% 0.1516 285.44) 100.0%);

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

Gradient chữ Gradient neon Gradient cực quang

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