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

Gradient tuyến tính, 32 màu, góc 180°: #0c0816, #331954, #76319c, #ba58b4, #f197c2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0c0816
#0f0a1b
#120b21
#160d28
#1b0f30
#211239
#271442
#2d164b
#331954
#3a1b5d
#421d67
#4a2071
#52237b
#5b2684
#64298d
#6d2d95
#76319c
#8035a2
#8a3aa6
#943faa
#9d45ae
#a74bb0
#b151b2
#ba58b4
#c35fb6
#cc67b8
#d470b9
#dc79bb
#e382bd
#e98abe
#ed91c0
#f197c2

CSS

background: linear-gradient(180deg in oklch, oklch(14.96% 0.0303 295.31) 0.0%, oklch(15.97% 0.0360 295.71) 3.2%, oklch(17.29% 0.0435 296.20) 6.5%, oklch(18.86% 0.0525 296.78) 9.7%, oklch(20.63% 0.0624 297.45) 12.9%, oklch(22.52% 0.0729 298.19) 16.1%, oklch(24.50% 0.0834 299.01) 19.4%, oklch(26.49% 0.0935 299.90) 22.6%, oklch(28.44% 0.1029 300.83) 25.8%, oklch(30.46% 0.1125 301.78) 29.0%, oklch(32.58% 0.1228 302.73) 32.3%, oklch(34.77% 0.1331 303.75) 35.5%, oklch(37.02% 0.1431 304.86) 38.7%, oklch(39.28% 0.1524 306.11) 41.9%, oklch(41.55% 0.1605 307.54) 45.2%, oklch(43.78% 0.1670 309.19) 48.4%, oklch(45.98% 0.1715 311.10) 51.6%, oklch(48.17% 0.1746 313.33) 54.8%, oklch(50.37% 0.1763 315.80) 58.1%, oklch(52.57% 0.1769 318.46) 61.3%, oklch(54.77% 0.1765 321.23) 64.5%, oklch(56.95% 0.1752 324.04) 67.7%, oklch(59.13% 0.1731 326.83) 71.0%, oklch(61.28% 0.1703 329.53) 74.2%, oklch(63.47% 0.1664 332.21) 77.4%, oklch(65.83% 0.1607 335.12) 80.6%, oklch(68.25% 0.1535 338.13) 83.9%, oklch(70.65% 0.1457 341.11) 87.1%, oklch(72.91% 0.1378 343.95) 90.3%, oklch(74.95% 0.1304 346.51) 93.5%, oklch(76.67% 0.1242 348.66) 96.8%, oklch(77.95% 0.1199 350.26) 100.0%);

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

Bảng màu đêm giao thừa Tết Dương lịch

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