Xám, tím, đen và xanh lá (gradient tuyến tính)

Gradient tuyến tính, 48 màu, góc 45°: #d7cfc2, #43474a, #ad4c2e, #111214, #677b3c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d7cfc2
#cdc8bb
#c0beb2
#b1b2a7
#a1a39c
#919490
#828582
#747675
#676868
#5c5c5c
#525252
#494b4c
#43474a
#40464d
#414654
#49475e
#564766
#68486a
#7b4869
#8e4963
#9d4a58
#a84c4b
#af4e3e
#b04f33
#ad4c2e
#a54730
#984036
#87383c
#73313f
#5e2b40
#48253c
#352035
#251b2b
#191721
#131419
#111214
#121314
#141619
#171d20
#192629
#1b3133
#1e3e3b
#244b41
#2d5944
#3b6545
#4b6f43
#5a7640
#677b3c

CSS

background: linear-gradient(45deg in oklch, oklch(85.83% 0.0207 81.56) 0.0%, oklch(83.35% 0.0194 89.23) 2.1%, oklch(79.96% 0.0172 98.84) 4.3%, oklch(75.86% 0.0144 110.10) 6.4%, oklch(71.24% 0.0111 122.74) 8.5%, oklch(66.31% 0.0078 136.48) 10.6%, oklch(61.25% 0.0046 151.05) 12.8%, oklch(56.28% 0.0020 166.17) 14.9%, oklch(51.58% 0.0002 181.54) 17.0%, oklch(47.35% 0.0000 89.88) 19.1%, oklch(43.79% 0.0001 212.01) 21.3%, oklch(41.10% 0.0025 226.55) 23.4%, oklch(39.47% 0.0069 240.33) 25.5%, oklch(38.99% 0.0145 255.25) 27.7%, oklch(39.51% 0.0251 271.67) 29.8%, oklch(40.81% 0.0381 289.05) 31.9%, oklch(42.69% 0.0526 306.84) 34.0%, oklch(44.93% 0.0679 324.48) 36.2%, oklch(47.34% 0.0832 341.42) 38.3%, oklch(49.71% 0.0979 357.12) 40.4%, oklch(51.83% 0.1111 11.01) 42.6%, oklch(53.50% 0.1221 22.56) 44.7%, oklch(54.51% 0.1301 31.21) 46.8%, oklch(54.65% 0.1345 36.40) 48.9%, oklch(53.72% 0.1344 37.63) 51.1%, oklch(51.65% 0.1294 34.95) 53.2%, oklch(48.67% 0.1205 28.89) 55.3%, oklch(44.99% 0.1084 19.97) 57.4%, oklch(40.85% 0.0940 8.71) 59.6%, oklch(36.47% 0.0783 355.64) 61.7%, oklch(32.09% 0.0621 341.27) 63.8%, oklch(27.94% 0.0463 326.14) 66.0%, oklch(24.23% 0.0318 310.76) 68.1%, oklch(21.22% 0.0194 295.67) 70.2%, oklch(19.11% 0.0101 281.37) 72.3%, oklch(18.15% 0.0048 268.41) 74.5%, oklch(18.49% 0.0038 256.39) 76.6%, oklch(20.02% 0.0061 243.52) 78.7%, oklch(22.52% 0.0113 229.98) 80.9%, oklch(25.79% 0.0187 216.04) 83.0%, oklch(29.62% 0.0278 201.98) 85.1%, oklch(33.81% 0.0380 188.09) 87.2%, oklch(38.16% 0.0488 174.64) 89.4%, oklch(42.46% 0.0595 161.92) 91.5%, oklch(46.51% 0.0696 150.19) 93.6%, oklch(50.11% 0.0786 139.75) 95.7%, oklch(53.04% 0.0859 130.87) 97.9%, oklch(55.12% 0.0909 123.83) 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