Tím đậm, cam, xám và xám đậm (gradient tuyến tính)

Gradient tuyến tính, 64 màu, góc 135°: #39203a, #c0280d, #e9e9e9, #252720, #e9f4ea. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#39203a
#3d203d
#422040
#482043
#4f1f46
#571e49
#5f1c4c
#68194e
#72164f
#7c114f
#870b4d
#92044a
#9d0045
#a7003d
#b10933
#b91825
#c0280d
#bf4300
#be5900
#bf6d00
#c08000
#bf9300
#b9a837
#b1ba61
#acca84
#add7a4
#b3e1bf
#bee8d3
#cbece2
#d8efea
#e2efee
#e8eeed
#e9e9e9
#e2e2e2
#d8d8d8
#cacaca
#bababa
#a8a8a8
#969696
#838383
#717171
#606060
#4f504f
#414341
#363834
#2d2f2a
#272923
#252720
#262821
#2a2c25
#31332b
#3a3c34
#464840
#53564d
#62665d
#72776d
#84897f
#959c92
#a7aea4
#b7c0b5
#c7d0c6
#d5dfd5
#e1ebe1
#e9f4ea

CSS

background: linear-gradient(135deg in oklch, oklch(28.74% 0.0579 325.55) 0.0%, oklch(29.53% 0.0632 327.65) 1.6%, oklch(30.43% 0.0706 329.89) 3.2%, oklch(31.44% 0.0797 332.30) 4.8%, oklch(32.54% 0.0901 334.90) 6.3%, oklch(33.75% 0.1015 337.72) 7.9%, oklch(35.04% 0.1135 340.79) 9.5%, oklch(36.43% 0.1258 344.15) 11.1%, oklch(37.91% 0.1380 347.82) 12.7%, oklch(39.47% 0.1498 351.83) 14.3%, oklch(41.11% 0.1608 356.20) 15.9%, oklch(42.84% 0.1707 0.98) 17.5%, oklch(44.63% 0.1791 6.19) 19.0%, oklch(46.50% 0.1857 11.85) 20.6%, oklch(48.43% 0.1901 17.99) 22.2%, oklch(50.43% 0.1920 24.66) 23.8%, oklch(52.51% 0.1910 31.90) 25.4%, oklch(54.99% 0.1709 40.49) 27.0%, oklch(57.95% 0.1519 50.59) 28.6%, oklch(61.28% 0.1412 61.90) 30.2%, oklch(64.89% 0.1374 74.16) 31.7%, oklch(68.66% 0.1404 87.10) 33.3%, oklch(72.52% 0.1305 100.46) 34.9%, oklch(76.35% 0.1149 113.95) 36.5%, oklch(80.06% 0.0988 127.33) 38.1%, oklch(83.55% 0.0827 140.32) 39.7%, oklch(86.73% 0.0668 152.65) 41.3%, oklch(89.48% 0.0516 164.07) 42.9%, oklch(91.73% 0.0376 174.31) 44.4%, oklch(93.36% 0.0250 183.10) 46.0%, oklch(94.27% 0.0143 190.17) 47.6%, oklch(94.38% 0.0060 195.26) 49.2%, oklch(93.52% 0.0001 198.09) 50.8%, oklch(91.39% 0.0000 89.88) 52.4%, oklch(88.11% 0.0000 89.88) 54.0%, oklch(83.87% 0.0000 89.88) 55.6%, oklch(78.87% 0.0000 89.88) 57.1%, oklch(73.27% 0.0000 89.88) 58.7%, oklch(67.29% 0.0000 89.88) 60.3%, oklch(61.10% 0.0000 89.88) 61.9%, oklch(54.89% 0.0000 89.88) 63.5%, oklch(48.85% 0.0000 89.88) 65.1%, oklch(43.18% 0.0021 146.84) 66.7%, oklch(38.05% 0.0048 139.61) 68.3%, oklch(33.66% 0.0073 133.08) 69.8%, oklch(30.20% 0.0095 127.50) 71.4%, oklch(27.85% 0.0112 123.14) 73.0%, oklch(26.81% 0.0123 120.28) 74.6%, oklch(27.19% 0.0128 118.91) 76.2%, oklch(28.83% 0.0132 118.44) 77.8%, oklch(31.57% 0.0137 118.75) 79.4%, oklch(35.25% 0.0141 119.74) 81.0%, oklch(39.72% 0.0145 121.30) 82.5%, oklch(44.82% 0.0150 123.33) 84.1%, oklch(50.38% 0.0153 125.73) 85.7%, oklch(56.26% 0.0157 128.40) 87.3%, oklch(62.30% 0.0161 131.24) 88.9%, oklch(68.33% 0.0164 134.15) 90.5%, oklch(74.21% 0.0167 137.02) 92.1%, oklch(79.76% 0.0170 139.75) 93.7%, oklch(84.85% 0.0173 142.25) 95.2%, oklch(89.30% 0.0175 144.41) 96.8%, oklch(92.96% 0.0177 146.13) 98.4%, oklch(95.67% 0.0179 147.31) 100.0%);

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