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

Bảng màu Đen, tím, hồng và xanh dương nhạt

Gradient tuyến tính, 32 màu, góc 45°: #120a1a, #37124c, #b10272, #f051c8, #4cc9f0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#120a1a
#150b1e
#180c22
#1b0d28
#1f0e2e
#240f35
#2a103c
#301144
#37124c
#3f1354
#48145c
#531664
#61166b
#731471
#861174
#9c0b74
#b10272
#c5006f
#d7006e
#e60871
#f2197a
#f82a8b
#f83ca7
#f051c8
#e066e9
#c77eff
#ab96ff
#94a6ff
#7eb2ff
#63bcff
#4dc4f9
#4cc9f0

CSS

background: linear-gradient(45deg in oklch, oklch(16.54% 0.0344 305.86) 0.0%, oklch(17.37% 0.0398 306.25) 3.2%, oklch(18.35% 0.0466 306.56) 6.5%, oklch(19.47% 0.0545 306.85) 9.7%, oklch(20.75% 0.0635 307.20) 12.9%, oklch(22.17% 0.0732 307.68) 16.1%, oklch(23.73% 0.0834 308.36) 19.4%, oklch(25.45% 0.0941 309.31) 22.6%, oklch(27.32% 0.1049 310.60) 25.8%, oklch(29.35% 0.1156 312.32) 29.0%, oklch(31.52% 0.1261 314.52) 32.3%, oklch(33.92% 0.1368 317.65) 35.5%, oklch(36.70% 0.1495 322.67) 38.7%, oklch(39.80% 0.1635 329.09) 41.9%, oklch(43.13% 0.1783 336.31) 45.2%, oklch(46.58% 0.1931 343.73) 48.4%, oklch(50.07% 0.2073 350.77) 51.6%, oklch(53.52% 0.2186 356.82) 54.8%, oklch(56.81% 0.2297 1.27) 58.1%, oklch(59.86% 0.2387 3.52) 61.3%, oklch(62.58% 0.2432 3.00) 64.5%, oklch(64.91% 0.2435 359.05) 67.7%, oklch(66.97% 0.2388 350.94) 71.0%, oklch(68.85% 0.2298 339.26) 74.2%, oklch(70.56% 0.2176 324.88) 77.4%, oklch(72.09% 0.1924 308.69) 80.6%, oklch(73.47% 0.1495 291.55) 83.9%, oklch(74.70% 0.1303 274.34) 87.1%, oklch(75.80% 0.1248 257.94) 90.3%, oklch(76.76% 0.1291 243.23) 93.5%, oklch(77.61% 0.1293 231.09) 96.8%, oklch(78.35% 0.1213 222.38) 100.0%);

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

Glitchy glam

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